@font-face {
    font-family: 'Archivo Black', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Questrial', sans-serif;
}

* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}

.Servicios1 {
    width: 100%;
    height: 100%;
    background-image: url(../imgs/Img_fondo_medios.jpg);
    background-size: 100%;
}

.cont_servicio {
    width: 100%;
    max-width: 1280px;
    height: 95%;
    margin: 0 auto;
    padding: 1% 0;
}

.cont_servicio h2 {
    width: 100%;
    font-family: 'Questrial', sans-serif;
    font-size: 2.4em;
    letter-spacing: 0.02em;
    color: white;
    text-align: center;
}

.cont_servicio p {
    width: 80%;
    padding: 10px 0;
	margin: 0 auto;
    font-size: 1.2em;
	text-align: justify;
    color: #fff;
}

.Promocion {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.Promo_serv {
    width: 31%;
    height: auto;
}

.Promo_serv h2 {
    width: 100%;
    font-family: 'Questrial', sans-serif;
    text-align: center;
    font-size: 1.7em;
    font-weight: 200;
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 0 0;
}

.Promo_serv p {
    width: 90%;
    padding: 5px 0;
	margin: 0 auto;
    font-size: 1.1em;
	text-align: justify;
    color: #fff;
}

.Promo_serv ul {
    width: 80%;
    margin: 1% auto 3%;
    font-style: italic;
    color: #fff;
}

.Promo_serv li {
    width: 100 %;
    font-size: 1.1em;
}

.simbolo_serv {
    width: 45%;
    margin: 2% auto;
}

.simbolo_serv img {
    width: 100%;
    opacity: 0.7;
}

@media (max-width:1080px) {
    
    .Servicios1 {
        margin: 0;
        padding: 3% 0;
        background-size: 100%;
    }

    .cont_servicio {
        width: 95%;
    }

    .cont_servicio h2 {
        width: 100%;
        font-size: 1.6em;
    }

    .cont_servicio p {
        width: 95%;
        font-size: 1em;
    }

    .Promo_serv {
        width: 31%;
        height: auto;
    }

    .Promo_serv h2 {
        width: 100%;
        font-size: 1.2em;
    }

    .Promo_serv p {
        width: 100%;
        font-size: 1em;
    }

    .Promo_serv ul {
        width: 85%;
    }

    .Promo_serv li {
        font-size: 1em;
    }

    .simbolo_serv {
        width: 35%;
    }

}

@media (max-width:768px) {

}

@media (max-width:640px) {

    .cont_servicio {
        width: 95%;
    }

    .cont_servicio h2 {
        font-size: 1.5em;
    }

    .cont_servicio p {
        width: 95%;
    }
    
    .Promocion {
        width: 95%;
        flex-direction: column;
    }

    .Promo_serv {
        width: 100%;
        flex-direction: row;
    }
    
    .simbolo_serv {
        width: 17%;
        display: block;
        float: left;
        margin: 2% 2% 2% 0;
    }
    
    .simbolo_serv img {
        width: 100%;
        display: block;
        margin: 0;
    }

    .Promo_serv h2 {
        width: 100%;
        display: block;
        margin: 6% 0;
        padding: 1% 0;
        text-align: left;
        font-size: 1.2em;
    }

    .Promo_serv p {
        width: 100%;
        font-size: 1em;
    }

    .Promo_serv ul {
        width: 85%;
    }

    .Promo_serv li {
        font-size: 1em;
    }
    
}