:root {
    --theme-color: #be9a78;
}

.theme-color {
    color: var(--theme-color);
}

.btn-block{
    width: 100%;
    text-align: center;
}

.sticky-header .logo{
    padding: 0;
}

.booking-form{
    background: #f6f6f6;
    padding: 2em;
}

.booking-form label{
    font-size: 0.8em;
    font-weight: bold;
    display: block;
}

.photos .image img, .photos .image-two img{
    width: 100%;
}

.image-a, .image-b{
    width: 100%;
    height: 270px;
}

.image-c, .image-d{
    width: 100%;
    height: 570px;
}

#hero{
    background: #000 url(../images/hero.jpg) center/cover no-repeat;
    background-attachment: fixed;
    height: 100vh;
    min-height: 40em;
    position:relative;
}

#hero .text{
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
}

#hero .check-availability{
    position: absolute;
    bottom: 3em;
    left: 0;
    width: 100%;
}

#hero .check-availability input, #hero .check-availability select, .booking-form input, .booking-form select{
    background: transparent;
    color: #777;
    font-size: 15px;
    width: 100%;
}

#hero h2{
    max-width: 70%;
    margin: auto;
}

#hero h2 small{
    display: block;
    opacity: 0.8;
    font-size: 0.4em;
    font-family: "Roboto";
    font-weight: 300;
}

@media (max-width: 1400px) {
    #hero .text{
        position: relative;
        top: auto;
        padding-top: 8em;
    }

    .block-twelve .image-two{
        display: none;
    }

    .block-thirteen .rating{
        position: relative;
        right: auto;
        bottom: auto;
        background: transparent;
        padding: 0;
    }

    #hero .check-availability{
        position: relative;
        bottom: auto;
        margin: 2em 0;
    }
}

@media (max-width: 990px) {
    .section-two{
        background: #222;
    }

    .block-thirteen{
        text-align: center;
    }

    .block-thirteen .text-two{
        padding-right: 0;
    }

    .block-seventeen .contact-text a{
        display: block;
    }
}

@media (max-width: 770px) {
    .scroll-to-top{
        display: none !important;
    }

    .page-title{
        margin-bottom: -100px;
    }

    .section-two, .section-twelve, .main-footer{
        padding-top: 2em !important;
    }

    .photos .image, .photos .image-two{
        margin: 0 0 1em !important;
    }
}