/*=============== 1600px ===============*/
@media screen and (max-width:1600px) {

    .serviciosWeb__info--card-button{
        font-size: 3rem;
    }

    /*======= Servicios web =======*/
        
    /*======= Servicios movil =======*/
 
    /*======= Servicios diseño =======*/

    /*======= Servicios Alojamiento =======*/

}

/*=============== 1400px ===============*/
@media screen and (max-width:1400px) {
    /*======= Servicios web =======*/
        
    /*======= Servicios movil =======*/
 
    /*======= Servicios diseño =======*/

    /*======= Servicios Alojamiento =======*/


}

/*=============== 1100px ===============*/
@media screen and (max-width:1100px) {

    .main__servicios{
        width: 100%;
        height: 100rem;
        padding-left: 3rem;
    }

    /*======= Servicios web =======*/

    .serviciosWeb{
        width: 100%;
        height: 100rem;
    }
 
    /*======= Servicios movil =======*/

    .serviciosMovil{
        width: 100%;
        height: 100rem;
    }
 
    /*======= Servicios diseño =======*/

    .serviciosDiseño{
        width: 100%;
        height: 100rem;
    }

    /*======= Servicios Alojamiento =======*/
    .serviciosAloj{
        width: 100%;
        height: 100rem;
    }
}

/*=============== 980px ===============*/
@media screen and (max-width:980px) {
    .main__servicios{
        width: 100%;
        height: 100rem;
        padding-top: 10rem;
        padding-right: 3rem;
        justify-content:center;
        align-items: center;
        flex-flow: column;
    }

    .main__servicios--info{
        flex-basis: 100%;
        width: 100%;
        max-width: 90rem;
        /* background-color: aqua; */
        margin: 1em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    
    /*======= Servicios web =======*/
        .serviciosWeb__imagen{
            display: none;
        }

        .serviciosWeb__info{
            width: 100%;
        }
    /*======= Servicios movil =======*/

    /*======= Servicios diseño =======*/

    /*======= Servicios Alojamiento =======*/
    
}


/*=============== 640px ===============*/
@media screen and (max-width:500px) {
    .main__servicios{
        height: 130rem;
        padding-top: 2rem;
    }

    .main__servicios--info{
        padding-top: 10rem;
    }

    .main__servicios--title{
        margin-bottom: 2rem;
    }

    /*======= Servicios web =======*/
    .serviciosWeb{
        height: 150rem;
        min-height: 100rem;
        flex-direction: column;
        padding: 1rem;
    }

    .serviciosWeb__info--title{
        font-size: 4rem;
        margin-bottom: 2.5rem;
        line-height: 4rem;
    }
    
    .serviciosWeb__info--title-span1{
        font-size: 2rem;
    }
    
    .serviciosWeb__info--title-span2{
        font-size: 5rem;
    }

    .serviciosWeb__info--sec1{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .serviciosWeb__info--sec1-cont{
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .serviciosWeb__info--card{
        width: 100%;
        height: 48rem;
        /* background-color: #25D366; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /*======= Servicios movil =======*/
    .serviciosMovil{
        height: 150rem;
        min-height: 100rem;
        flex-direction: column;
        padding: 1rem;
    }
    /*======= Servicios diseño =======*/
    .serviciosDiseño{
        height: 150rem;
        min-height: 100rem;
        flex-direction: column;
        padding: 1rem;
    }
    /*======= Servicios Alojamiento =======*/
    .serviciosAloj{
        height: 150rem;
        min-height: 100rem;
        flex-direction: column;
        padding: 1rem;
    }

    /* Cambio de titulos personalizado */
    .title-generic{
        font-size: 3rem;
        margin-bottom: 2.5rem;
        line-height: 4rem;
    }
    
    .span1-generic{
        font-size: 4rem;
    }
    
    .span2-generic{
        font-size: 4rem;
        padding: 2rem;
    }
    
}