section {
display: flex; padding-top: 2.4rem; padding-bottom: 2.4rem; padding-left: .2rem; border-bottom: .1rem solid $secondary-color; hyphens: auto;
}
.section-title {
font-size: 1.6rem; text-align: left; min-width: 10rem;
}
// scss-lint:disable EmptyRule .section-content { }
.section-flex {
display: flex; flex-wrap: wrap;
}
.block {
margin-bottom: 2rem; &:last-child { margin-bottom: 0; }
}
.block-square {
width: 18rem; &:nth-last-child(2) { margin-bottom: 0; }
}
.block-title {
font-size: 1.2rem; margin-bottom: .4rem; font-weight: bold;
}
.block-subtitle {
font-size: 1rem; margin-bottom: 1rem; color: $secondary-color;
}
.block-content {
font-size: 1rem; line-height: 1.5;
}
@media screen and (max-width: $breakpoint) {
section { display: block; padding-top: 2rem; padding-bottom: 2rem; } .section-title { text-align: center; margin-bottom: 2rem; } .section-flex { display: block; } .block-square { &:nth-last-child(2) { margin-bottom: 2rem; } }
}