/* @group Example
------------------------------------ */
.generic { color: var(--light-green); padding-top: 12rem; }
.generic .row { max-width: 144rem; }
.generic h1 { font-size: 2.5em; line-height: 1.4em; margin: 0 0 1.2rem; }
.generic p,
.generic li { font-size: 1.5em; line-height: 1.8em; letter-spacing: .06em; }
.generic p { margin: 0 0 1rem; word-wrap: break-word; }

@media only screen
and (min-width : 961px) {
    .generic { padding-top: 15rem; }
    .generic h1 { font-size: 3.5em; line-height: 1.4em; margin: 0 0 1.5rem; }
    .generic p,
    .generic li { font-size: 1.8em; }    
}
@media only screen
and (min-width : 1441px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .generic .col-12-12 { padding: 0 1rem; }
}

/* @end */