body {

    padding-top: 10px;

    font-family: Roboto;

}



h1, h2, h3 {

    font-family: Fahkwang;

    font-weight: 400;

}



h4, h5 {

    font-family: Rubik;

    font-weight: 400;

    color: #7A7A7A;

}



p {

    color: #696969;

}



a.anchor {

    display: block;

    position: relative;

    top: -100px;

    visibility: hidden;

}



blockquote {

    font-family: Fahkwang;

    font-style: italic;

}



.quote-author {

    font-family: Fahkwang;

    color: #696969;

}



li {

    color: #7A7A7A;

}



hr {

    opacity: 1;

}



.navbar {

    font-family: Rubik;

    color: #54595F;

}



.navbar-nav li {

    margin-right: 1rem;

}



.btn {

    width: 210px;

    border: 1px solid #FFF;

    background: transparent;

    color: #FFFFFF;

    border-radius: 0;

    font-family: Roboto;

    font-size: 16px;

    text-transform: uppercase;

}



.btn:hover {

    background: #54595F;

    color: #FFFFFF;

    border-color: #FFFFFF;

}



.btn:active:hover {

    border-color: #FFFFFF;

    background: #34393F;

}



.btn-primary {

    background: #B1AAA1;

}



.btn-secondary {

    color: #B1AAA1;

    border-color: #B1AAA1;

}



.btn-secondary:hover {

    border-color: #B1AAA1;

}



.btn-secondary:active:hover {

    border-color: #B1AAA1;

}



.vertical-center {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

}



.image-container {

    color: #FFFFFF;

}



.hero {

    min-height: 100vh;

    background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/hero.jpg');

    background-repeat: no-repeat;

    background-size: cover;

}



.hero .lead {

    color: #FFFFFF;

    text-transform: uppercase;

}



.mix-row {

    background: #FFFBF6;

}



#map {

    width: 100%;

    height: 600px;

    border: 0;

}



/*#mevris-booking-engine {

    margin-top: -60px;

}



@media (min-width: 600px) {

    

    #mevris-booking-engine {

        margin-top: -78px;

    }

    

}*/



.foothero {

    height: 500px;

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/foothero.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.icon-card {

    height: 40px;

    margin-right: 4px;

    margin-top: 32px;

}