Schedule Block
.dates {
margin-top: 25px;
figure {
border-bottom: 1px solid #ffffff;
padding-bottom: 10px;
margin-bottom: 15px;
h6 {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #ffffff;
margin-top: 10px;
margin-bottom: 10px;
}
h5 {
font-weight: 300;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
color: #ffffff;
margin-top: 10px;
margin-bottom: 10px;
}
&:last-child {
border-bottom: none!important;
}
}
}
<div class="dates">
<figure>
<figcaption>
<h6>January 6, 2016</h6>
<h5>Applications open</h5>
</figcaption>
</figure>
<figure>
<figcaption>
<h6>February 29, 2016</h6>
<h5>Applications close</h5>
</figcaption>
</figure>
<figure>
<figcaption>
<h6>April 19, 2016</h6>
<h5>Finalists announced</h5>
</figcaption>
</figure>
<figure>
<figcaption>
<h6>June 16, 2016</h6>
<h5>Winners announced at the Classy Awards</h5>
</figcaption>
</figure>
</div>