// Modular Showcase styling .modular { .features { padding: 3.125rem 0; text-align: center; h2 { margin: 0; line-height: 100%; } h2 + h3 { margin-top: 0; font-weight: normal; } h4 { margin: 0.625rem 0; } p { margin: 10px 0; font-size: $core-font-size + 3px; @include breakpoint(mobile-only) { font-size: $core-font-size; } } .feature-items { margin-top: 30px; .feature { display: block; vertical-align: top; margin-top: 20px; margin-bottom: 10px; i.fa { font-size: 2.5rem; color: $header-bg; } h4 { font-size: 1rem; font-weight: normal; } p { font-size: $core-font-size; margin: 5px 0 10px; } } } &.big { text-align: center; .feature { margin: 30px 0; &.has-icon { display: flex; i.fa { flex: 0 0 auto; font-size: 3.125rem; } .feature-content { flex: 1 1 auto; &.push { margin-left: 35px; } } } .feature-content { padding-right: 15px; h4 { font-size: 1.5rem; text-align: left; margin: 0; } p { padding: 0; text-align: left; font-size: $core-font-size; } } } } } }