.content {
box-sizing: border-box; padding-top: $space-l1; padding-bottom: $space-l1 + $space-l3;
}
img {
display: block; max-width: 100%; height: auto; margin-bottom: $space-l1;
}
h2:not(:first-child) {
margin-top: $space-l1;
}
@media screen and (min-width: $screen-md) {
.content { padding-top: $space-l2; padding-bottom: $space-l3; } img[title="banner"] { margin-bottom: $space-l3; } h2:not(:first-child) { margin-top: $space-l3; } h3:not(:first-child) { margin-top: $space-l1; }
}