/* El slider escala solo con cqw (ver main.index.slider.css);
   aquí solo se ajustan los elementos que no deben encogerse igual. */
@media (max-width: 899px) {
    .slider-container .contact {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 629px) {
    /* en móvil se navega deslizando: las flechas tapan el contenido */
    .nav-buttons #left-arrow,
    .nav-buttons #right-arrow {
        display: none;
    }

    .slider-container .slide .content {
        padding-left: 7%;
    }

    .nav-buttons .indicators {
        width: 50cqw;
        bottom: 5%;
    }

    .slider-container .contact {
        width: 50px;
        height: 50px;
        right: 16px;
        bottom: 16px;
    }
}