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


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



/* section-1 styling */
    #section-1 {
        padding:40px; 
        background:#afb3be;
    }
    #section-1 h1{
        color:white;
        text-shadow:-2px 2px 1px rgb(70, 70, 70);
    }
  
  

/* section-2 along with the form styling */
  #section-2{
      padding:25px;
      margin:50px 10px 100px 10px;
      max-width:100%;
  }
  #section-2 form{
      padding:15px;
      box-shadow: 7px 7px 20px grey;      
  }
  #section-2 form textarea{
      width:90%;
}
form h3, h4{
    color:#8791ad;
}
form p{
    font-size: 14px;
}
form span{
    font-weight:650;
    font-size: 15px;
}


/* some utlity classes for form */
.info{
    padding:15px;
}
.inputs{
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content: space-between;
}
.inputs span{
    margin:10px 0;
}



/* 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;
  }
  
  

  
  /* Tweakings for responsive style */
    @media only screen and (max-width: 700px) {  
    footer #footer-part-1{
      flex-direction: column;
      align-items: flex-start;
    }
    #reserve-img{
      width:100%;
      text-align: center;
  }
  footer i{
    margin:2px;
  }
  }