@media screen and (max-width: 576px){
    h1{
        font-size: 32px;
    }
    h2{
        font-size: 24px;
    }
}


.index-phone {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 99;
  font-size: 24px;
  border: none;
  outline: none;
  background-color: #FFD586;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
}
.index-phone:hover{
  background-color: black;
  color: #FFD586;
  transition: 1s;
}


.book-now{
    background-color: white;
    border-radius: 10px;
    border: 2px solid #FFD586;
    transition: 1s;
}
.book-now:hover{
    background-color: white;
    border: 2px solid #FFD586;
    color: white;
}



/*Navbar*/
.navbar{
    font-size: 1.5rem;
    font-weight: 900;
    background-color: rgba(242,242,242,0.3);
    border-bottom: 2px solid #FFD586;
}

.navbar li{
    padding-right: 50px !important;
    padding: 10px;
    padding-top: 30px;

}
.navbar a{
    color: #111   
}
.navbar li a{
    color: #111;
    font-family: Raleway-Regular;
    padding: 0px;
}
.navbar li a:hover{
	color: #FFD586;
}
.navbar-nav{
	text-align: center;
}
.navbar-toggler:active{
    border: 0px;
}
.active a{
    color: #FFD586 !important;
}


.new-logo{
    
    height: 80px !important;
    top: -5px;
    margin-left: 50px;
}
@media screen and (max-width: 768px){
    .new-logo{
        height: 80px;
        margin-left: 50px;
        

    }
}
@media screen and (max-width: 576px){
    .new-logo{
        height: 70px !important;
        margin-left: 10px;
    }

}
.navbar-collapse{
    background-color: rgba(242,242,242,0);
}
nav.scrolled{
   background-color: rgba(242,242,242,0.3);
   transition: background-color 200ms linear;
   border-bottom: 5px solid #FFD586;
}
nav.hello{
  height: 50px;
}


/*Navbar*/

.room-heading{
    color: #FFD586;
}


.home-image{
    width: 100%;
    height: 713px;
}
@media screen and (max-width: 576px){
    .home-image{
    width: 100%;
    height: 100%;
}
}



.exclusive-margin{
    padding: 20px;
    background-color: #1c1c1c;
    color: #FFD586;
    border: 4px solid #FFD586;
}
.exclusive-margin a{
    text-decoration: none;
}
.exclusive-margin a:hover{
    color: white;
}

@media screen and (max-width: 991px){
    .home-box{
    margin-left: 0px;
}
}



.home-background{
  padding: 50px 0px;
  background-image: url("../img/114.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.home-heading{
    padding-bottom: 70px;
    color: #FFD586;
    padding-top: 70px;
}
.home-heading-image{
    padding-top: 100px;
}
.home-heading-image-size{
    width: 300px;
}

@media screen and (max-width: 576px){
    .home-heading-image-size{
        width: 250px;
    }
}

.home-para{
    padding-bottom: 50px;
    font-size: 1.2rem;
    font-weight: 300;
}
.home-down-image{
    padding-bottom: 100px;
    padding-top: 50px;
}

#home-2{
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #f5f5f5;
}
.home-2-heading{
    color: #FFD586;
}

.home-3-heading{
    color: #FFD586;
    padding-top: 50px;
}
.home-1-box{
   
}
.home-1-box-1{
    background-color: #f5f5f5;
     box-shadow: 2px 3px #d3d3d3;
     padding: 30px;
}


.amenities-image{
    width: 100px;
    padding-bottom: 10px;
}

#home-3{
    background-color: #f5f5f5;
    padding-bottom: 80px
}
.home-3-padding{
    padding-top: 50px;
}
.home-3-amenities{
   background-color: #FFD586;
   border-radius: 100px 100px 100px 0px;
   padding: 20px;
   
   
}
.btn-reserve{
    background-color: #FFD586;
}
.card{
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.rooms-heading{
    color: #FFD586;
}
@media screen and (max-width: 768px){
    .home-3-padding{
    padding-top: 50px;
    padding: 50px;
}

}


.exclusive-margin h4{
    color: #FFD586;
}
.exclusive-margin h4{
    color: #FFD586;
    text-decoration:none;
}

/*Footer*/


footer{
   
    background-color: black;
    color: white;
    border-top: 5px solid #FFD586;
}
.footer{
    padding-top: 50px;
    padding-bottom: 50px;
}
.footer-heading{
    padding-bottom: 20px;
}
.footer-image{
    width: 400px;
}
.footer-left{
    text-align: right;
}
@media screen and (max-width: 768px){
    .footer-left{
        text-align: left;
    }

}
@media screen and (max-width: 576px){
    .footer-image{
        width: 300px;
    }
    
}


/*Rooms*/


#rooms-page{
    overflow: hidden;
    margin-top: 200px;
}
.rooms-page-heading{
    
}
.card-title{
    color: #FFD586;
}
.rooms-box{
    background-color: #f5f5f5;
}

#rooms-page .col-md-4{
    padding: 0px;
}
#rooms-page .col-md-8{
    padding: 0px;
}
#rooms-page .col-md-6{
    padding: 0px;
}

.rooms-box h2{
    padding: 50px;
}
.rooms-box p{
    padding: 0px 50px;
}

.rooms-box-2{
    background-color: #fff;
}
.rooms-box-2 h2{
    padding: 50px;
}
.rooms-box-2 p{
    padding: 0px 50px;
}
@media screen and (max-width: 768px){
    .rooms-box h2{
    padding: 20px;
}
  .rooms-box-2 h2{
    padding: 20px;
}  
}

/*Contact*/

#contact-page{
    margin-top: 40px;
    overflow: hidden;
}
.contact-heading-color{
    color: #FFD586;
}

.contact-page-left{
    padding: 100px 100px;
    background-color: rgba(242,242,242,0.3);
}

.contact-page-right{
    background-color: black;
    padding: 25px;
}

input[type=text] , input[type=number] , input[type=email] , textarea{
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}

input[type=submit] {
  background-color: #FFD586;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #c3c3c3;
}


#contact-page footer{
    margin-top: 0px !important;
}