/* LAYOUT */
.molecule-club-historic { padding: 0; }

/* BOX LAYOUT */
.molecule-club-historic .box { padding: 20px 0; }

/* BOX INNER */
.molecule-club-historic .box .inner-layer { padding: 20px; border: 1px solid var( --color-clear-gray ); text-align: center; font-family: var( --font-core-sans ); color: var( --color-shark ); border-radius: 5px; }
.molecule-club-historic .box .inner-layer .value { display: block; font-weight: bold; font-size: 36px; line-height: 1; }
.molecule-club-historic .box .inner-layer .key { font-style: normal; font-weight: 300; font-size: 16px; line-height: 24px; }


@media only screen and ( min-width: 48em ) {
    
    /* BOX LAYOUT */
    .molecule-club-historic .box { padding: 25px 0; }

    /* BOX INNER */
    .molecule-club-historic .box .inner-layer { padding: 20px 30px; }
    .molecule-club-historic .box .inner-layer .value { font-size: 50px; line-height: 1.2; }
    .molecule-club-historic .box .inner-layer .key { font-size: 18px; }

}

@media only screen and ( min-width: 62em ) { 

    /* BOX LAYOUT */
    .molecule-club-historic .row .box-holder:nth-child(odd) .box { padding-top: 45px; }

    /* BOX INNER */
    .molecule-club-historic .box .inner-layer { padding: 20px 30px; }
    .molecule-club-historic .box .inner-layer .value { font-size: 64px; }
    .molecule-club-historic .box .inner-layer .key { font-size: 20px; line-height: 26px; }

}


@media only screen and ( min-width: 75em ) { 

    /* BOX LAYOUT */
    .molecule-club-historic .row .box-holder .box { padding-left: 5px; padding-right: 5px; }
    .molecule-club-historic .row .box-holder:nth-child(odd) .box { padding-top: 75px; }

    /* BOX INNER */
    .molecule-club-historic .box .inner-layer { padding: 35px; }
    .molecule-club-historic .box .inner-layer .value { font-size: 80px; line-height: 1.25; }
    .molecule-club-historic .box .inner-layer .key { font-size: 24px; line-height: 28px; }

}