@media (max-width:1000px)
{
    .mobile-only
    {
        display: block;
    }
    #agencia, #servicios, #equipo, #clientes, #contacto
    {
        min-height: fit-content !important;
        height: fit-content !important;
        padding: 7vh 20px;
    }
    #contacto 
    {
        padding: 0;
        padding-top: 3vh;
    }
    .video
    {
        padding: 0;
    }
    .section .title
    {
        font-size: 32px;
    }
    .underTitle
    {
        height: 1px;
        border: none;
        margin-top: 10px;
        margin-bottom: 30px;
        background-color: var(--green-dark);

    }
    #nav-slider
    {
        display: none !important;
    }
    .nav-menu
    {
        display: none !important;
    }
    #banner .logo
    {
        display: block;
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        transform: translateY(-5vh);
    }

    /*---*/
    #agencia
    {
        height: 125vh;
    }
    #agencia .container
    {
        height: 100%;
    }
    #agencia .content
    {
        align-self: center;
    }
    #agencia .text
    {
        font-size: 18px;
        margin-bottom: 25px;
    }
    /*---*/

    #servicios
    {
        height: 125vh;
    }
    #servicios .container
    {
        height: 100%;
        width: 100%;
    }
    #servicios .content
    {
        width: 100%;
        align-self: center; 
    }

    /*---*/
    #equipo 
    {
        padding: 3vh 20px;
    }
    #equipo .title
    {
        font-size: 28px;
        margin-top: 60px;
    }

    #equipo .content 
    {
        gap: 40px 0px;
        padding-bottom: 120px;
    }


    #equipo .perfil
    {
        max-width: 48%;
        align-self: start;
    }
    #equipo .foto
    {
        display: block;
        width: 95%;
        max-width: 150px;
    }

    #equipo .nombre
    {
        font-size: 18px;
        margin: 15px 0 5px 0;
    }

    /*---*/
    #clientes
    {
        background-color: var(--green-light);
        height: 125vh;
    }

    #clientes .container
    {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #clientes .nav-menu
    {
        align-self:flex-start;
    }

    #clientes .content 
    {
        align-self: center;
        width: 100%;
    }

    /*---*/
    #contacto
    {
        height: fit-content;
    }
    #contacto .content
    {
        width: 100%;
        padding: 0 20px;
    }
    #contacto .sedes
    {
        gap: 0 5px;
    }
    #contacto .sede
    {
        max-width: 48%;
    }
    #contacto .sede .nombre
    {
        font-size: 22px;
    }
    #contacto header
    {
        margin: 30px 0;
    }
    #contacto .formulario .campo
    {
        margin-bottom: 15px;
    }
    #contacto footer
    {
        margin-top: 0px;
    }
    #contacto footer .sponsor
    {
        font-size: 14px;
    }
    #contacto footer .grid 
    {
        flex-wrap: wrap;
        gap: 20px 0;
    }
    #contacto footer .grid .column
    {
        width: 100%;
    }

    .container-large
    {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width:1000px) and (max-width:1365px)
{
    #agencia .text
    {
        font-size: 24px;
    }
    /*---*/
    #servicios
    {
        background-color: var(--white-dark);
        min-height: 100vh;
        height: 150vh;
    }

    #servicios .content
    {
        width: 100%;
        align-self: flex-start; 
    }
    /*---*/
    #equipo .title
    {
        font-size: 36px;
        margin-top: 60px;
    }

    #equipo .content 
    {
        gap: 70px 0px;
        padding-bottom: 120px;
    }

    #equipo .perfil
    {
        max-width: 30%;
        align-self: start;
    }
    #equipo .foto
    {
        width: 95%;
        max-width: 150px;
    }

    #equipo .nombre
    {
        font-size: 18px;
        margin: 15px 0 5px 0;
    }
    /*---*/
    #clientes
    {
        height: 125vh;
    }
    #clientes .container
    {
        height: 100%;
    }
    .section .container-large
    {
        width: 100%;
        max-width: 840px;
    }
    /*---*/
    #contacto header
    {
        margin-top: 30px;
    }
}

@media (min-width:1366px ) and (max-width:1800px)
{
    #agencia, #servicios, #equipo, #clientes, #contacto
    {
        max-height: fit-content !important;
        min-height: fit-content !important;
        height: fit-content !important;
        padding: 10vh 0px;
    }
    #contacto
    {
        padding-bottom: 0;
    }
    .section .container
    {
        height: 100% !important;
    }
    .section header
    {
        margin-top: 70px !important;
    }

    #agencia .text
    {
        font-size: 26px;
    }
    .section .container-large
    {
        width: 100%;
        max-width: 1100px;
    }
    #equipo .foto
    {
        display: block;
        width: 95%;
        max-width: 180px;
    }

    
}