.header {
    background-image: url("../assets/images/sliders/mcontacto.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    background-attachment: fixed;
}

#map {
    height: 100%;
}

.map {
    width: 100%;
    height: 500px;
}

@media only screen and (min-width: 768px) {
    .header {
        background-image: url("../assets/images/sliders/contacto.jpg");
    }
}
@media only screen and (min-width: 1024px) {
    .contac p {
        font-size: 17px;
    }
    .contac h1 {
        font-size: 35px;
    }
}