/* Color Palette - Details

Palette#: 226650 from Colorhunt

Reference Colors:
- Red: #161d65 - main header & footer color
- Light Red: #ff8585 - support colors
- Light Orange: #ffb396 - support colors
- Yellow: #fff5c0- support colors

*/

/********** tag selectors ************/
body{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat';
  }
  
  h1{
    font-size: 3rem;
    font-weight: bold;
  }
  
  h2{
    font-size: 2.5rem;
    font-weight: bold;
  }
  h3{
    font-size: 2rem;
    font-weight: bold;
  }
  h4{
    font-size: 1.5rem;
    font-weight:normal;
  }
  h5{
    font-size: 1.2rem;
    font-weight:normal;
  }
  h6{
    font-size: 0.8rem;
    font-weight:normal;
  }
  
  
  /********** class selectors ************/
  .container-fluid{
    width: 100%;
  }
  
  /* navbar start */
  .navbar{
    border-radius:0 0 0 0 ;
    background-color: rgb(11, 122, 133); /*color changed*/
  }
  
  .navbar-brand{
    color: rgb(228, 239, 240);
    font-size: 1.7rem;
    padding-left: 12px;
  }
  
  .navbar-brand:hover{
    color: #aaa;
  }
  
  .navbar-text{
    color:rgb(228, 239, 240);
    padding-left: 12px;
  }
  
  .nav-item{
    padding-left: 12px;
    line-height: 2;
  }
  .nav-link{
    color: rgb(228, 239, 240);
    font-size: 0.9rem;
    font-weight: bold;
  }
  
  .nav-link:hover{
    color: #aaa;
  }
  
  .navbar-toggler{
    border: 1px solid #ffff00;
  }
  
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
  
  /* navbar end */
  
  .large{
    width: 100% ;
    border-radius: 0 0 0 0 ;
  }
  .small{
    width: 0px ;
    display: none;
    border-radius: 0 0 0 0 ;
  }
  
  @media (max-width: 1080px) {
    .large{
      width: 0% ;
      display: none;
      border-radius: 0 0 0 0 ;
    }
    .small{
      width: 100% ;
      display: block;
      border-radius: 0 0 0 0 ;
    }
  }
  
  /* Footer Section - Start */
  #map {
    width: 100%;
    height: 550px;
  }
  
  #footer{
    background-color:rgb(11, 122, 133);
    text-align:center;
    color:white;
  }
  
  .social .fa{
      color: white;
      border-radius: 50px;
      margin: 15px 5px;
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      border: 2px solid white;
      transition: all 0.5s ease-in;
      background: #000;
  }
  
  /* Footer Section - End */