@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);
}

/* Estilos base del texto e imagen 1 */
.image {
    display: none;
    position: relative;
    width: 100%
}

.textoPantalla {
    display: none;
    position: absolute;
    font-family: MontserratLight;
    color: azure;
}

/* Breakpoint x-chico */
@media (min-width: 0px) {
    .image {
        display: block;
    }
}

@media (min-width: 0px) {
    .textoPantalla {
        display: block;
        font-size: x-small;
        top: 40%;
        left: 5%;
        width: 50%;
    }
}

/* Breakpoint chico */
@media (min-width: 576px) {
    .image {
        display: block;
    }
}

@media (min-width: 576px) {
    .textoPantalla {
        display: block;
        font-size: smaller;
        top: 35%;
        left: 5%;
        width: 55%;
    }
}

/* Breakpoint mediano */
@media (min-width: 768px) {
    .image {
        display: block;
    }
}

@media (min-width: 768px) {
    .textoPantalla {
        display: block;
        font-size: 25px;
        top: 35%;
        left: 5%;
        width: 55%;
    }
}


/* Breakpoint xl */
@media (min-width: 1200px) {
    .image {
        display: block;
    }
}

@media (min-width: 1200px) {
    .textoPantalla {
        display: block;
        font-size: larger;
        top: 45%;
        left: 5%;
        width: 50%;
    }
}

.nuestrosServicios {
    text-align: center;
    color: black;
    font-size: 50px;
    font-family: MontserratBlack;
    font-weight: bold;
}

@media (min-width: 0px) {
    .nuestrosServicios {
        text-align: center;
        color: black;
        font-size:30px;
        font-family: MontserratBold;
        font-weight: bold;
    }
}

@media (min-width: 576px) {
    .nuestrosServicios {
        text-align: center;
        color: black;
        font-size: 50px;
        font-family: MontserratBold;
    }
}
@media (min-width: 768px) {
    .nuestrosServicios {
        text-align: center;
        color: black;
        font-size: 50px;
        font-family: MontserratBold;
    }
}