/* TODO */

@media screen and (max-width: 1100px)
{
    header
    {
        display: flex;
    }

    header .central
    {
        display: flex;
        width: 80%;
        transition: 1s ease;
    }

    .button-menu
    {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;

        height: 100%;
        width: 20%;
    }

    .button-menu::before
    {
        display: block;
        content: "";
        height: 3.4rem;
        width: 3.4rem;
        background-image: url("../img/ico/menu-button.svg");
        transition: 1s ease;
    }

    body.menu-active::before
    {
        content: "";
        
        position: absolute;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 8;
        
        height: 100%;
        width: 100%;

        top: 0;
        right: 0;
    }

    header .central nav,
    header .central #header_logo
    {
        transition: 1s ease;
    }

    body.menu-active header .central
    {
        justify-content: unset;
        padding-left: 14rem;
    }

    body.menu-active header .central #header_logo
    {
        width: unset;
        margin-left: -2rem;
    }

    body.menu-active header .central nav
    {
        display: none;
    }

    body.menu-active header
    {
        z-index: 9;
        background-color: #000;
    }

    body.menu-active header .button-menu
    {
        order: 2;
        
    }

    body.menu-active header .button-menu::before
    {
        margin-right: -5rem;
        background-image: url("../img/ico/letter-x.svg");
        transform: rotate(180deg);
    }

    .menu-res
    {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;

        background: #000;

        position: absolute;
        transition: 1s ease;

        top: 10rem;
        left: 0;

        
        height: 100%;
        z-index: 9;

        width: 0;
    }

    .menu-res.menu-active
    {
        width: 33rem;
        display: flex;
    }

    .menu-res ul:first-child
    {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .menu-res li
    {
        display: none;
        width: 100%;
        height: 5.6rem;
    }

    .menu-res li a
    {
        display: block;
        width: 100%;

        color: #FFF;
        font-family: Poppins;
        text-align: right;
        text-transform: uppercase;

        height: 100%;
        padding: 2rem 3rem;
        
        transition: 2s ease;
    }

    .menu-res.menu-active .social-network
    {
        width: 19rem;
        margin-left: 14rem;
        transition: 1s ease;
    }

    .menu-res .social-network
    {
        display: flex;
        justify-content: space-between;
        align-items: center;

        margin-top: 5rem;
        padding: 2rem 3rem;
        width: 0;
        margin-left: 0;
        height: 5.6rem;
    }

    .menu-res .social-network li,
    .menu-res .social-network li a
    {
        width: unset;
        height: unset;
        border: none;

        padding: unset;
        margin: unset;
    }

    .menu-res.menu-active li
    {
        display: block;
    }

    nav .social-network
    {
        margin-left: 0;
        width: 100%;
        justify-content: space-around;
    }

    header .social-network li:first-child
    {
        display: none;
    }

    #header_logo
    {
        width: 58%;
        display: flex;
        justify-content: center;
    }

    nav
    {
        margin-left: 0;
        width: 16%;
    }

    ul.menu
    {
        display: none;
    }

    header .central
    {
        justify-content: space-evenly;
    }

    .newsletter
    {
        width: 80%;
        height: 27.6rem;

        margin: 0 auto;
        margin-top: -15.36rem;
        padding-top: 2.56rem;
    }

    .newsletter span
    {
        font-size: 1.92rem;
    }

    .newsletter #newsletter
    {
        flex-direction: column;
        justify-content: space-between;
        
        width: unset;
        height: 15rem;
        margin-top: 2.816rem;
    }

    .newsletter .input
    {
        padding-bottom: 1.024rem;
        width: 28.7616rem;
    }

    .newsletter .input::placeholder
    {
        font-size: 1.44rem;
    }

    .newsletter button
    {
        width: 28.7616rem;
        height: 4.8rem;
        font-size: 1.28rem;
    }

    footer .central.footer_first
    {
        width: 80%;
        height: 12.8rem;
    }

    footer .central.footer_first .footer_nav
    {
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;

        width: 100%;
        height: 100%;
    }

    footer .social-network
    {
        border-left: none;
        padding-left: 0;
        justify-content: center;
    }

    footer .social-network li,
    footer .social-network li:first-child,
    footer .social-network li:nth-child(2),
    footer .social-network li:nth-child(3)
    {
        display: flex;
        justify-content: center;
        align-items: flex-start;

        margin-right: 0;
        width: 4rem;
    }

    footer .central.footer_first #footer_logo
    {
        display: none;
    }

    footer ul.menu
    {
        margin: 0;
        margin-right: 0;
    }

    footer .social-network
    {
        margin: 0;
    }

    footer .central.footer_second
    {
        width: 80%;
        padding-bottom: 3.3rem;

        flex-wrap: wrap;
        justify-content: space-between;
    }

    footer .central.footer_second .session
    {
        width: 30%;
        margin-right: 0;
    }

    footer .central.footer_second .session:nth-child(2)
    {
        width: 12rem;
    }
}

@media screen and (max-width: 1000px)
{
    footer .central.footer_first .footer_nav
    {
        flex-direction: column;
        justify-content: unset;
    }

    footer .central.footer_first
    {
        height: 30rem;
    }

    footer .social-network
    {
        align-items: center;

        padding-top: 2rem;
        padding-bottom: 2rem;
        height: 20%;
        width: 100%;

        border-top: 1px solid #E6E6E6;
    }
    
    footer ul.menu
    {
        flex-direction: column;
        justify-content: space-between;

        height: 80%;
        width: 100%;
        margin-bottom: 2rem;
        padding-top: 2rem;
    }

    footer ul.menu li
    {
        display: flex;
        align-items: center;
        justify-content: center;

        text-align: center;
        margin-left: 0;
    }
}

@media screen and (max-width: 900px)
{
    .newsletter
    {
        width: 100%;
    }
}

@media screen and (max-width: 800px)
{
    footer .central.footer_second
    {
        justify-content: unset;
        padding-left: 15%;
    }

    footer .central.footer_second .session:first-child
    {
        width: 100%;
    }

    footer .central.footer_second .session:last-child
    {
        margin-left: 10rem;
    }
}

@media screen and (max-width: 680px)
{
    footer .central.footer_second
    {
        padding-left: 10%;
    }

    .menu-res.menu-active
    {
        width: 40rem;
    }

    .menu-res.menu-active .social-network
    {
        margin-left: 21rem;
    }

    body.menu-active header .central
    {
        padding-left: 21rem;
    }
}

@media screen and (max-width: 580px)
{
    footer .central.footer_second
    {
        padding-left: 5%;
    }

    .newsletter
    {
        height: 31.6rem;
        margin-top: -17.58rem;
    }

    .menu-res.menu-active .social-network
    {
        margin-left: 26rem;
    }

    body.menu-active header .central
    {
        padding-left: 26rem;
    }

    .menu-res.menu-active
    {
        width: 45rem;
    }

    body.menu-active header .button-menu::before
    {
        margin-right: -3rem;
    }
}

@media screen and (max-width: 500px)
{
    footer .central.footer_second
    {
        padding-left: unset;
    }

    footer .central.footer_second .session:last-child
    {
        margin-left: 5rem;
    }

    header .central #header_logo,
    body.menu-active header .central #header_logo
    {
        width: unset;
        position: absolute;
        margin-left: 0;
        left: 50%;
        transform: translate(-50%);
    }

    header .central
    {
        padding: 0;
        width: 0;
    }

    body.menu-active::before
    {
        display: none;
    }

    .menu-res.menu-active
    {
        width: 100%;
        padding-top: 5rem;
    }

    .menu-res ul:first-child
    {
        margin-bottom: 5rem;
    }

    .menu-res ul:first-child li
    {
        width: 80%;
        margin: 0 auto;
        border-bottom: 1px solid #FFF;
    }

    .menu-res li a
    {
        text-align: center;
    }

    .menu-res.menu-active .social-network
    {
        margin: 0 auto;
    }

    nav
    {
        display: none;
    }
}

@media screen and (max-width: 420px)
{

    footer .central.footer_second .session:last-child
    {
        margin-left: 3rem;
    }

    #header_logo
    {
        width: 70%;
    }

    #pop_up iframe
    {
        max-height: 35rem;
    }
}

@media screen and (max-width: 390px)
{
    footer .central.footer_second .session,
    footer .central.footer_second .session:last-child
    {
        margin-left: 0;
        width: 100%;
    }

    footer .central.footer_third p
    {
        font-size: 0.96rem;
    }

    body.menu-active header .button-menu::before
    {
        margin-right: 1rem;
    }
}