@media screen and (max-width: 1220px){
    .contenidoNav{
        display: flex;
        justify-content: center;
    }
    .contenidoAccesos, .contenidoNav{
        max-width: 80%;
    }
    .contenedorContenidoPortada{
        width: 80%;
    }

}

@media screen and (max-width: 1160px){
    .contenidoFilosofia, .contenidoProfesionales, .contenedorSliderServicios, .contenedorSliderEquipo, .contenedorRedes, .contenidoContacto, .contenedorFormulario, .presentacion, .contenidoProfesionales div{
        width: 90%;
        margin: auto;
    }

    .contenidoProfesionales div{
        margin-top: 80px;
    }

}

@media screen and (max-width: 1100px){
    .logo{
        display: none;
    }
    .contenidoNav{
        justify-content: center;
    }

    .logoPortada img{
        width: 3rem;
    }

    .contenidoRedes figure a h3{
        font-size: 0.6rem;
    }

}

@media screen and (max-width: 1020px){
    .accesos nav ul li label{
        display: none;
    }

    br{
        display: none;
    }

    h1{
        width: 100%;
        font-size: 2rem;
    }

    label{
        font-size: 1rem;
    }

    .contenedorFilosofia{
        margin-top: 0;
    }

    .contenidoFilosofia{
        flex-direction: column;
    }

    .textoFilosofia{
        width: 100%;
    }

    .img{
        width: 100%;
        height: 400px;
        padding: 40px 0px;
    }

    .img img{
        height: 100%;
        height: 100%;
        object-fit: cover;
    }

    .encabezado{
        flex-direction: column-reverse;
        justify-content: left;
    }

    .encabezado img{
        width: 100%;
        height: 400px;
        object-fit: cover;
    }




}

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

    .contenidoRedes figure{
        height: 47vw;
        width: 48%;
    }

    .sliderAnteriorServicios, .slideSiguienteServicios, .sliderAnterior, .slideSiguiente{
        display: none;
    }

    .contenidoProfesionales div{
        flex-direction: column-reverse;
    }

    .contenidoProfesionales div section{
        width: 100%;
    }

    .contenidoProfesionales div img{
        width: 100%;
        max-height: 500px;
        object-position: center;
        margin-bottom: 20px;
        object-fit: cover;
    }

    .contenidoProfesionales :first-child img{
        width: 100%;
        height: 700px;
        object-fit: cover;
        margin-bottom: 20px;
    }

    .contenedorContenidoPortada{
        width: 80%;
    }
    .menu, .logo, .whatsapp{
        display: none;
    }

    .contenedorBody{
        margin-top: 40px;
    }
    
    .accesos nav ul li{
    display: none;
    }

    .contenidoAccesos{
        justify-content: center;
    }

    .contenidoContacto label{
        font-size: 0.6rem;
    }

    footer img{
        width: 50%;
    }

    .imagenRedes{
        width: 50%;
        height: 200px;
        padding: 20px;
    }
    
    .redes nav ul .iconoWhatsapp{
        display: inherit;
    }

    .redes nav ul .iconoInstagram{
        display: none;
    }

    .contenido-slider{
        flex-direction: column-reverse;
    }
    

     .contenido-slider > div{
        width: 80%;
     }

     .iconoMenu{
        display: block;
     }

     .formularioContacto{
        width: 100%;
    }
}