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


.imagenPaqueteria{
    width: 90%;
}

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

.text-center{
    text-align: start !important;
}

td{
   padding: 10px 20px;
}

/* Breakpoint x-chico */
@media (min-width: 0px) {
    .textoContactanos1{
        text-align: center;
        color: #ffff;
        font-size: 35px;
        font-family: MontserratBold;
    }
    
    .textoContactanos2{
        text-align: center;
        color: #ffff;
        font-size: 20px;
        font-family: MontserratMedium;
    }

    .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) {
    .textoContactanos1{
        text-align: center;
        color: #ffff;
        font-size: 45px;
        font-family: MontserratBold;
    }
    
    .textoContactanos2{
        text-align: center;
        color: #ffff;
        font-size: 30px;
        font-family: MontserratMedium;
    }

 .fondoGris{
        padding: 4em 1em;
    }

    .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;
    }
}

/* Breakpoint mediano */
@media (min-width: 768px) {
    .textoContactanos1{
        text-align: center;
        color: #ffff;
        font-size: 45px;
        font-family: MontserratBold;
    }
    
    .textoContactanos2{
        text-align: center;
        color: #ffff;
        font-size: 30px;
        font-family: MontserratMedium;
    }
    .mapaGoogle{
        height: 600px;
    }

    .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;
    }
}


/* 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;
    }
}

#nombreInput{
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    border-radius: 0%;
}

#telefonoInput{
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    border-radius: 0%;
}   

#asuntoInput{
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    border-radius: 0%;
}

#emailInput{
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    border-radius: 0%;
}

#mensajeInput{
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    border-radius: 0%;
}

#nombreInput{
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    border-radius: 0%;
}



.fondo-contacto{
    background-image: url(../img/fondoContacto.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}