#promobox {
width: 100%;
text-align: center;
margin: 0 auto;
overflow: auto;
}
#promobox a {
display: block;
width: 100%;
height: 100%
}
.item {
width: 21%;
font-size: 14px;
display: block;
border: 1px solid #C69214;
padding: 1em;
float: left;
margin: 1em 1%;
text-align: center;
height: 9em
}
.item:hover {
background: #f1e7c3;
}
.item img {
max-width: 100%;
border: none;
margin-bottom: 1em
}
.done, .done .date {
color: #CCC;
background: #FFF !important;
border: 1px solid #CCC
}
.done:hover {
background: inherit !important
}
@media (max-width: 479px) {
.item {
width: 40%;
margin: 1em 4%;
height: 9em
}
}
NOTE: All promotions are subject to change.
