@media (max-width: 600px) {
    nav {
        top: 12px;
    }

    /* SECTION HERO - HERO BANNER */
    
    .section-hero {
        margin: 24px 0;
    }
    
    .section-hero .card.card-lg {
        padding: 8px;
    }

    .content-container .card.card-lg {
        height: auto;
    }

    /* SECTION CONTACT */

    .section-contact .card .card-body {
        padding: 16px;
    }

    /* display */

    .display-body {
        font-size: 15px;
        letter-spacing: .2px;
    }


}