@media (max-width: 480px){
    /* menu hamburguesa */

    /* arreglo del bug */
    .inicio{
      background-attachment: scroll;
      background-image: url('../img/telefono.jpg');
    }

    .content-imagen {
        background-attachment: scroll;
    }

  .menu{
        padding: 30px;
        margin: 0px;
        opacity: .9;
        padding-top: 150px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #5a2952;
        height: 100rem;
        transform: translateX(-400px);
        transition: transform .5s ease-in-out;
    }

    .menu.show{
        transform: translateX(-20px);
    }

    .menu li {
        padding: 20px;
        border-bottom: #ccc solid 1px;
        font-size: 14px;
    }
    .header{
        justify-content: center;
    }
    .btn{
        width: 40px;
        height: 40px;
        background-image: url('../img/hamburguesa.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

        position: absolute;
        position: fixed;
        cursor: pointer;
        top: 20px;
        left: 30px;
        z-index: 2;

    }

    /* parte del inicio */
    .inicio{
        height: 38em;
    }

    .titulo {
    font-size: 1.9em;
    }

    .img{
        width: 1em;
    }

    /* servicios */
    .container-servicios{
        flex-wrap: wrap;
    }
    .titulo-main{
        font-size: 2em;
    }
    .resaltado{
        width: 50px;
        height: 2px;
    }

    .servicios{
        height: 110rem;
    }

    .tarjeta-servicio{
        max-width: 277px;
    }

    .nosotros{
        display: block;
        height: 90rem;
    }

    .content-info{
        margin-top: 100px;
        width: 100%;
        padding: 0px;
        height: 67rem;
    }

    .content-text{
        width: 320px;
        text-align: justify;
        margin-top: 35px;
        margin-left: 40px;
    }

    .content-imagen{
        width: 100%;
        height: 400px;
    }

    /* contacto */
    .content-contacto{
        display: block;
        margin: 0px;
    }

    .content-form{
        max-width: 500px;
        height: 600px;
        margin: 0px auto;
        padding-top: 25px;
    }

    .mapa{
        width: 100%;
    }

    .inputs{
        width: 100%;
    }

    /* ------------------- pagina servicios --------- */
   .cabecera--titulo{
       display: none;
   }
   .container-services{
       flex-wrap: wrap-reverse;
   }
   .slider-frame{
       margin: 0px;
       width: 100%;
       height: auto;
       border-radius: 0px;
   }
   .services{
       max-width: 300px;
   }
}
    
   

@media (max-width: 360px) {

    /* servicios */
    .img-servicio{
        width: 100%;
        height: 135px;
    }
    .tarjeta-servicio{
        height: 350px;
        max-width: 200px;
    }

    .tarjeta-servicio h3 {
        font-size: 12.5px;
    }

    .tarjeta-servicio p {
        font-size: 11px;
    }

    .botom-mas{
        font-size: 12.5px;
    }

    .img-3{
        height: 140px;
    }

    /* nosotros */
    .servicios{
        height: 90rem;
    }
    .content-text{
        margin-left: 0px;
        font-size: 12.5px;
        max-width: 285px;
        padding: 15px;
    }

    .content-info{
        height: 56rem;
    }

    .nosotros{
        height: 81rem;
    }

    /* eslogan */
    .eslogan p {
        font-size: 13px;
    }

    /* boton mas */
    .btn{
        left: 15px;
    }


    /* ------------------- pagina servicios --------- */
    .services{
        max-width: 240px;
    }
}