@media (max-width: 500px) {
    /*----------------------------------------------------------*/
    /* GLOBAL COMPONENT STYLES */
    /*----------------------------------------------------------*/
    .title-1 {
        font-size: 2.2em;
    }

    .title-2 {
        font-size: 1.5em;
    }

    .title-3 {
        font-size: 1em;
    }

    .text-1 {
        font-size: 0.7em;
    }

    .text-2 {
        font-size: 0.8em;
    }

    .text-3 {
        font-size: 0.8em;
    }

    .buttons-container .main-button {
        font-size: 0.8em;
    }

    .buttons-container .secondary-button {
        font-size: 0.8em;
    }

    .mobile-hidden {
        display: none;
    }


    /*----------------------------------------------------------*/
    /* NAVIGATION */
    /*----------------------------------------------------------*/
    .nav-panel .content-container {
        width: 80%;
    }


    /*----------------------------------------------------------*/
    /* MAIN-CONTENT */
    /*----------------------------------------------------------*/
    .main-content h2 {
        font-size: 2em;
    }


    /*----------------------------------------------------------*/
    /* FOOTER */
    /*----------------------------------------------------------*/
    footer .contact {
        padding: 30%;
    }

    footer .contact .display-layer {
        width: 90%;
        transform: translate(-50%, -70%);
    }

    footer .contact-title h2 {
        font-size: 1.8em;
        text-wrap: balance;
    }

    footer .fixed-layer {
        left: 0;
    }

    footer .footer-part {
        padding: 10% 10%;
        box-sizing: border-box;
    }

    footer .footer-part .company-logo {
        text-align: center;
    }
    
    footer .footer-part .soc-med ul {
        text-align: center;
    }
}