/* font-awesome styling */
i{
  margin-left: 15px;
  cursor: pointer;
}


/* customizing navbar */
.navbar{
    background-color: #9b38e1;
  }
  .navbar a{
    color:white;
    font-size:smaller;
  }

  .navbar-toggler-icon{
    background-image:url('./images/toggle.jpg');
    }
  .dropdown-menu a{
    color:black;
  }


  
  /* styling for illustration added */
  #reserve-img{
    width:800px;  
    text-align: center;
}



/* Section-1 styling */
#section-1{
    margin-top:50px;
    background:#e2ade2;
    padding:70px;
    color:white;
    font-size: 30px;
}




/* section-2 styling */
#section-2{
    padding:25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#section-2 form{
    background:#c37278;
    padding:25px;
    border-radius: 8px 8px 8px 8px;
}
#section-2 form input,textarea{
    outline:none;
    border:none;
    border-radius:5px 5px 5px 5px;
    width:100%;
    padding:3px;
}
form #submit{
    background:white;
    transform:scale(0.8);
    color:black;
    font-weight: bold;
}
form #submit:hover{
    background:#b87eb8;
    color:white;
    transform:scale(1);
}



/* footer styling */
footer{
  font-size: small;
  background:rgb(51, 48, 48);
  text-align: center;
  color:white;
  padding:50px;
}
footer #footer-part-1{
padding:10px;
display: flex;
align-items: center;
justify-content: space-between;
}
footer #back-to-top{
  border:4px solid black;
  border-radius: 5px 5px 5px 5px;;
  width:100px;
}
footer #back-to-top a{
  color:gray;
  text-decoration: none;
}
footer #back-to-top a:hover{
  color:white;
}



  @media only screen and (max-width: 700px) {
    #section-2{
      padding:20px;
    }
    .gallery-group{
flex-direction: column;
width:300px;
  }
  #section-2{
      flex-direction: column;
      align-items: flex-start;
  }
  #section-2 div{
    margin:10px;
}
  footer #footer-part-1{
    flex-direction: column;
    align-items: flex-start;
  }
  #reserve-img{
    width:100%;
    text-align: center;
}
footer i{
  margin:2px;
}
}