/* ATOM > BASE > LAYOUT */

.atom-base { background: fuchsia; padding: 15px 0; border-bottom: 3px solid red; }

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

    /* ATOM > BASE > LAYOUT */
    .atom-base { background: Orchid; }
}

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

    /* ATOM > BASE > LAYOUT */
    .atom-base { background: violet; }

}

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

    /* ATOM > BASE > LAYOUT */
    .atom-base { background: pink; }

}