@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap');
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
h1,h2,h3,h4,h5{
    font-family: Cormorant Garamond   !important;
    font-weight: 100!important;
    
}

p{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 16px;
}

.container{
    max-width: 1240px;
}
.container-fluid{
    max-width: 1650px;
}
.navbar{
    background-color: #171b25;
    padding: 25px 0;
    box-shadow: none;
}

.navbar li a{
    color: white;
    border-bottom: 1px solid transparent;
    margin: 0 20px;
    font-size: 15px;
}

.navbar li a.active{
    color: #d1a574!important;
    border-bottom: 1px solid #66560e;
}


.navbar li a:hover{
    color: #d1a574;
    border-bottom: 1px solid #66560e;
    margin: 0 20px;
}

.navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(199, 154, 119)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler{
    border-color:rgb(199, 154, 119);
}
.book-btn{
    background-color: #c79a77;
    color: white;
    padding: 15px 45px;
    border-radius: 0px;
}
.book-btn:hover{
    background-color: #855a3a;
    color: white;
    padding: 15px 45px;
    border-radius: 0px;
}

.book-btn-1{
   
    background-color: #171b25;
    border: 2px solid #c79a77;
    color: white;
    padding: 15px 45px;
    border-radius: 0px;
}

.book-btn-1:hover{
   
    background-color: #c79a77;
    border: 2px solid  #171b25;
    color: white;
    padding: 15px 45px;
    border-radius: 0px;
}


#home-head{
    background: url('../img/home-head-bg.jpg')rgba(0, 0, 0, 0.7) ;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
    padding-bottom: 100px;
    height: 600px;
    display: flex;
    align-items: center!important;
    
}

#home-head-banner{
    background-color: #171b25;
    padding: 30px 0;
}

#about-home{
    background-color: #f0f8ffc5;
    padding: 80px 0 200px 0;
}


#home-rooms{
    background-color: #171b25;
    padding-bottom: 180px;
}


@media only screen and (max-width: 976px) {

    .room-pic{
        
        margin: 40px 0!important;
    }
}


#services{
    background: url('../img/services.jpg');
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-color:#f0f8ffc5 ;
    
}

@media only screen and (max-width: 976px) {
    #services{
        background: url('')rgba(255, 255, 255, 0.4);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        
        
    }
}

#gallery{
    padding-top: 160px;
    background-color: #171b25;
}


.gallery{
    text-shadow: -50px 20px 5px rgba(230, 230, 230, 0.26);
}

#pre-footer{
    background: url('../img/pre-footer.jpg')rgba(255, 255, 255, 0.1);
    background-size: cover;
    
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
    height: 700px;
    text-align: center;
    display: flex;
    align-items: center;
    
}

#footer{
    background-color: #171b25;
}


#about-services{
    background-color: #171b25;
}