body {
    background-color: rgb(99, 36, 35);
    background-image: url(../img/body-back.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.container {
    width: 1170px;
}
.logo{
    /* background-color: #8b918d; */
    text-align: center;
    background-image: url(../img/header-back.jpg);
    background-size: cover;
}
.slider .carousel-inner .item img{
    width: 100%;
}
.navigation .row {
   background-color: #8b918d; 
}
.content-section .row{
    background-color: #ccc;
}
.book-section .row{
    background-color: #ccc;
}
.footer-section{
    text-align: center;
}
.navbar {
    margin-bottom: 0px;
    border: none;
}
.navbar-nav {
    float: unset;
    margin: 0 auto;
    display: table;
    padding: 5px 0px;
}
.navbar-nav>li>a {
    font-family: "Alike", serif;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #5e4e3d;
    color: #fff;
    font-size: 15px;
    padding: 10px 30px;
    margin-right: 2px;
}
.navbar-nav>li>a:hover {
    background-color: #8b3565;
}
.navbar-nav>li .active {
    background-color: #8b3565;
}
.content-section .content{
    padding: 0px 15px;
}
.content-section .content h1{
font-family: "Alike", serif;
font-weight: 400;
font-size: 35px;
color: #5e4e3d;
line-height: 35px;
}
.content-section .content h2{
 font-family: "Alike", serif;
  font-weight: 400;
  font-size: 28px;
color: #5e4e3d;
line-height: 35px;
}
.content-section .content p{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
color: #000000;
line-height: 30px;
}
.content-section .content li{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
color: #000000;
line-height: 30px;
}
.content-section .content h2 a{
color: #de55a1;
}
.content-section .content h2 a:hover{
color: #5e4e3d;
}
.book-section-div{
    text-align: center;
    padding: 30px 0px;
    background-color: #8b918d;
}
.book-section-div a{
    font-family: "Alike", serif;
    font-weight: 400;
    font-size: 35px;
    color: #5e4e3d;
    line-height: 35px;
    text-decoration: underline;
}
.book-section-div a:hover{
    color: #ffffff;
    text-decoration: underline;
}
.opening-time{
    padding: 20px 15px;
}
.opening-time h2{
font-family: "Alike", serif;
font-weight: 400;
font-size: 28px;
color: #5e4e3d;
line-height: 35px;
}
.opening-time p{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
color: #000000;
line-height: 30px;
}
.footer-div{
    padding: 20px 0px;
}
.footertext{
margin-bottom: 0px;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 15px;
color: #ffffff;
line-height: 30px;
}
.footertext a{
color: #ffffff;
text-decoration: underline;
}
.footertext a:hover{
color: #ffffff;
text-decoration: none;
}

.accommodation-div .card{
    padding: 10px;
    box-shadow: #686868 1px 1px 8px 1px;
}
.accommodation-div .card-title{
font-family: "Alike", serif;
font-weight: 400;
font-size: 28px;
color: #5e4e3d;
line-height: 35px;
}
.accommodation-div .card-text{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
color: #000000;
line-height: 30px;
}
.accommodation-div img{
    width: 100%;
}
.accommodation-row{
    padding: 20px 0px;
    display: flex;
    align-items: center;
}
.menu-row{
    padding-bottom: 20px;
}
.gallery-row{
    padding: 20px 0px;
}
.gallery-row img{
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
}
.privacy-policy{
    border: 2px solid #de55a1;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
.nav>li>a:focus {
    text-decoration: none;
    background-color: #8b3565;
    outline: none;
}
.menu-div a{
    padding: 5px 25px;
    background-color: #8b3565;
    color: #fff;
}
.menu-div a:hover{
    text-decoration: none;
    background-color: #8b918d;
}



/*android*/
@media screen and (max-width: 767px) {
.container {
width: auto;
}
.logo img{
    width: 100%;
}
.tap-to-call{
    text-align: center;
padding: 10px 0px;
background-color: #8b918d;
}
.tap-to-call a{
  color: #fff;
}
.navbar-brand {
    color: #fff;
}
.navbar-brand:focus, .navbar-brand:hover {
    color: #fff;
}
.navbar-toggle {
    background-color: #ffffff;
}
.navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-nav {
    display: block;
}
.content-section .content h1 {
    font-size: 28px;
    line-height: 30px;
}
.content-section .content h2 {
    font-size: 22px;
    line-height: 30px;
}
.book-section-div a {
    font-size: 22px;
    line-height: 30px;
}
.opening-time h2 {
    font-size: 25px;
    line-height: 30px;
}
.accommodation-row {
    display: inline-block;
}
.accommodation-div{
    padding-top: 10px;
}
.longLink{
    font-size: 14px;
}
.privacy-policy a{
    white-space: nowrap;
}
.content-section .content h2 a {
    white-space: nowrap;
}


}

/*ios*/
@media screen and (max-width: 340px) {
.longLink {
        font-size: 12px;
    }
.privacy-policy ul{
    padding-left: 15px;
}


}

/*windows*/
@media (min-width: 450px) and (max-width: 767px) {}

/*portrait*/
@media (min-width: 768px) and (max-width: 991px) {
.container {
    width: auto;
}
.navbar-nav>li>a {
    padding: 10px 15px;
}
.content-section .content h1 {
    font-size: 28px;
}
.content-section .content h2 {
    font-size: 25px;
}
.book-section-div a {
    font-size: 27px;
}
.opening-time h2 {
    font-size: 25px;
}
.accommodation-div .card-title {
    font-size: 25px;
}
.accommodation-div .card-text {
    font-size: 15px;
    line-height: 25px;
}
.gallery-row img {
    height: 150px;
}



}

/*landscape*/
@media (min-width: 992px) and (max-width: 1199px) {
.container {
    width: auto;
}



 }

@media (min-width: 1280px) and (max-width: 1365px) { }