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

  /* customizing navbar */
  .navbar{
      background-color: #afb3be;
    }
    .navbar a{
      color:white;
      font-size:smaller;
    }
  
    .navbar-toggler-icon{
      background-image:url('./images/toggle.jpg');
      }
    .dropdown-menu a{
      color:black;
    }

  
  

    /* section-2 styling */
  #section-2{
      padding:25px;
      display: flex;
      align-items: center;
      justify-content: space-around;
  }
  #section-2 form{
      background:#e6cb53;
      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:#319088;
      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;
  }
    #reserve-img{
        width:800px;  
        text-align: center;
    }
  
  

    

 /* responsive design code */
@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;
  }

}