html,body{
  background: url(../img/background/bg.jpg);
}
.navbar1{
  padding-top: 25px;
  padding-bottom: 35px;
  background-color: #045da1;
}
.navbar1 a{
  color: #fff !important;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none
}

.navbar2{
  margin-top: 80px;
  background-color: #fffff9
}
.navbar2 a{
  color: #045da1;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;

}

.nav-item{
   margin-left: 20px;
}
.navbar1 a:hover{
  color: #E1C16E;
  transition: 1s;
}
.navbar2 a:hover{
  color: #E1C16E;
  transition: 1s;
}
.navbar2 a.active{
  color: #E1C16E;
}
.logo{
    position: absolute;
    height: 8rem;
    top: -40px;
    
}
@media screen and (max-width: 576px){
    .logo{
        height: 6rem;
        top: -15px;
    }
  .navbar1{
      padding: 20px 10px;
  }
  .navbar1 a{
  font-size: 0.8rem;
  }
  .navbar2{
    margin-top: 50px;
    
   }
}

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


.ev a{
    text-decoration:none;
    
}

.home{
  margin-top: 50px;
  margin-bottom: 50px;
}
.home-about{
  margin-top: 30px;
}
@media screen and (max-width: 991px){
    .home-about-font{
    font-size: 16px;
}
}

.home-about-image{
  justify-content: center;
  align-items: center;
}
.home-rooms{
  background-color: rgba(0,0,0,0.2)
}
.home-resort{
  background: url(../img/home/104.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px;
}
@media screen and (max-width: 768px){
  .home-resort{
    padding: 40px;
  }
}
@media screen and (max-width: 576px){
  .home-resort{
    padding: 10px;
  }
}



.rooms-header{
  margin-top: 200px;
}

.room-content{
  padding: 60px;
  border: 3px solid #045da1;
  background: url(../img/logo/1.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
.room-content-1{
  margin-top: 50px;
}
.btn-color{
    background-color: #045da1;
    color: white;
}
@media screen and (max-width: 991px){
    .rooms-header h1{
        font-size: 2rem ;
    }
    .room-content{
        padding: 20px;
    }
}
@media screen and (max-width: 576px){
    .room-content{
        padding: 10px;
    }
    h1{
        font-size: 2rem;
    }
}
.navbar-reservation{
    background-color: #045da1;;
    border-radius: 10px;
    border: 2px solid white;
    transition: 1s;
}
.navbar-reservation{
  color: #FFD700 !important;
  border: 2px solid #FFD700;
}

.wifi{
  padding: 10px;
}
.symbol{
  width: 100px;
  margin-top: 5px;
}
.amenities-1{
  background: url(../img/logo/1.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: 5px solid #045da1;;

}


.intermediate {
  margin-top: 30px ;
  background-color: #045da1;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.intermediate h2{
  font-size: 1.5rem;
  text-align: center;
}








footer{
    background-color: white;
}
footer p{
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 600;
}
footer h3{
  color: #045da1;
}
footer a{
  color: black;
  
}
footer a:hover{
  text-decoration: none;
  color: #045da1
}
footer .links{
  text-align: right;
}
footer .contact{
  text-align: center
}
@media screen and (max-width: 768px){
footer .links{
  text-align: left;
}
footer .contact{
  text-align: left;
}
}