@mixin main-promobox-shape() {
background: #16a487;
- padding: 0.75em 20*$px;
+ padding: 1em 20*$px;
border-radius: 15*$px;
}
#main-promobox {
float: right;
- width: 220*$px - 2 * 20*$px;
+ width: 220*$px - 20*$px;
height: 235*$px - 2 * 1.5em;
a {
@include main-promobox-shape();
display: block;
- margin-bottom: 1.4em;
- width: 220*$px - 4 * 20*$px;
+ margin-bottom: 1em;
+ width: 220*$px - 3 * 20*$px;
float: left;
- &:first-of-type {
- padding-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
&:last-of-type {
margin-bottom: 0;
}
margin: 0;
text-transform: uppercase;
font-size: .9em;
- width: 220*$px - 3 * 20*$px;
+ width: 222*$px - 2 * 20*$px;
float: left;
+ padding-top: 1.25em;
+ padding-bottom: 1.25em;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
p {
margin: 0 0 30*$px 1.4em;
}
+ .side-banner img {
+ display: block;
+ width: 100%;
+ margin-bottom: 0.2em;
+ }
}
#main-chosen {