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

    .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.78em;
    }

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

    .mobile-hidden {
        display: none;
    }


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

    nav .nav-action {
        margin-right: 20px;
        display: none;
    }

    nav .nav-right-side {
        top: 5%;
    }


    /*----------------------------------------------------------*/
    /* HEADER */
    /*----------------------------------------------------------*/
    header {
        height: auto;
        position: relative;
        padding: 40% 0 40% 0;
    }

    header .header-content {
        position: relative;
        transform: translateY(0);
    }

    header .header-content .col-sm {
        padding: 0;
    }

    header .header-content h3 {
        margin-top: 5%;
    }


    /*----------------------------------------------------------*/
    /* FOOTER */
    /*----------------------------------------------------------*/
    footer {
        position: relative;
    }

    footer .fixed-layer {
        position: relative;
    }

    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;
    }
}