@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

* {
    font-family: "Quicksand", sans-serif;
}

html, body {
    margin: 0;
    background-color: #f3f5f7;
}

div.header {
    background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.3), rgb(35,43,245,0.5)),
    url('../img/pharma-1.jpg');
    background-size: cover;
    background-position: center;
    height: 400px;
}

.valores {
    margin-top: 4px;
}

.card {
    border-color: #faf217!important;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    border: 1px solid #faf217
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (min-width: 430px) {

    div.header {
        height:  620px;
    }

    .valores {
        margin-top: 4px;
    }
}

@media only screen and (min-width: 961px) {
    
    div.header {
        height:  840px;
    }

    .valores {
        margin-top: -40px;
    }
}