/* @group Boxed List
------------------------------------ */
.boxed-list {}
.boxed-list article { margin-bottom: 8rem; }
.boxed-list .img-box { height: 44.5rem; display: block; width: 100%; }
.boxed-list .content-box { background: none var(--navy-blue); color: var(--white); padding: 5.3rem 5rem; position: relative; }
.boxed-list .content-box h2 { font-size: 3em; font-weight: 700; line-height: 1em; letter-spacing: .066em; margin: 0 0 2.5rem }
.boxed-list .content-box p { font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; margin: 0 0 1.875em; }

@media only screen
and (min-width : 961px) {
    .boxed-list article { margin-bottom: 3rem; }
    .boxed-list .img-box { height: 20rem; width: 31.2rem; }
    .boxed-list .content-box { width: calc(100% - 31.2rem); padding: 5.3rem 2.4rem; padding-right: 28.5rem; }
    .boxed-list .content-box h2 { font-size: 2.5em; letter-spacing: .08em; margin: 0 0 1.5rem }
    .boxed-list .content-box p { font-size: 2em; line-height: 1.35em; letter-spacing: .1em; margin: 0; }
    .boxed-list .content-box .bttn-ghost { position: absolute; bottom: 5.3rem; right: 5rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}
/* @end */