@font-face {
    font-family: MontserratBold;
    src: url(/fuentes/Montserrat-Bold.ttf);
}

@font-face {
    font-family: MontserratMedium;
    src: url(/fuentes/Montserrat-Medium.ttf);
}
@font-face {
    font-family: MontserratLight;
    src: url(/fuentes/Montserrat-Light.ttf);
}
@font-face {
    font-family: MontserratBlack;
    src: url(/fuentes/Montserrat-Black.ttf);
}

.fondoAzul{
    background-color: #204e89;
    padding: 1.2em 1em;
}
.textoBlanco{
    color: white;
}

.fondoGris{
    background-color: #706f6f;
    padding: 1.2em 1em;
}


/* Breakpoint x-chico */
@media (min-width: 0px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        /* text-align: center; */
        font-size: small;
    }
    .imagenServicios{
    padding: 10px;
        align-items: center;
        text-align:center;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: small;
        text-align: justify;
    }
}

/* Breakpoint chico */
@media (min-width: 576px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        /* text-align: center; */
        font-size: large;
    }
    .imagenServicios{
    padding-right: 3vw;
        align-items: center;
        text-align:right;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: medium;
    }
    .textoBlanco{
        font-size: medium;
    }
    .fondoAzul, .fondoGris{
        padding: 4em 1em;
    }
}

/* Breakpoint mediano */
@media (min-width: 768px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        /* text-align: center; */
        font-size: x-large;
    }
    .imagenServicios{
    padding-right: 3vw;
        align-items: center;
        text-align:right;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: larger;
    }
    .textoBlanco{
        font-size: larger;
    }
}


/* Breakpoint xl */
@media (min-width: 1200px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        /* text-align: center; */
        font-size: x-large;
    }
    .imagenServicios{
    padding-right: 3vw;
        align-items: center;
        text-align:right;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: larger;
    }
}

@media (min-width: 1200px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        /* text-align: center; */
        font-size: x-large;
    }
    .imagenServicios{
    padding-right: 3vw;
        align-items: center;
        text-align:right;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: larger;
    }
}