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

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

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

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

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


/* Breakpoint xl */
@media (min-width: 1200px) {
    
}

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