.header{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
  }


  .header-top{
      display: flex;
      text-align: center;
      align-items: center;
      justify-content: space-around;
      position: fixed;
      background-color: white;
      width: 100%;
      height: 20vh;
      z-index: 2;
      box-shadow: 0px 4px 40px #015752b3;
      background-color: rgba(255, 255, 255, 0.8);
      transition: all 0.5s;
      }
    
    .invisible{
      display: none;
    }

    .h-button-2{
      padding: 3rem;
      font-size: 3.8rem;
      border: none;
      width: 70vw;
      font-family: roboto;
      color: #015752;
      background-color: white;
    }


  .logo-img{
    width: 4em;
    margin-right: 1vw;
  }

  .title-text{
    font-size: 4rem;
    font-weight: bold;
    margin: 0;
    font-family:cambria;
  }
  
  .logo-rs{
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    align-items: center;
    transition: all 0.5s;
  }

  .header-buttons{
    display: flex;
    justify-content: space-evenly;
    z-index: 7;
    
  }

  .h-button{
    padding: 10%;
    border: none;  
    font-size: 1.5em;   
    font-family: Cambria;
    background: transparent;
    color: rgba(23,90,98,255);
    cursor: pointer;
    transition:0.2s;
    z-index: 7;
    
    
  }

  .h-button:hover{
    color: rgb(0, 44, 50);
  }


  .rs-vid{
      width: 100%;
      margin-top: 20vh;
    }

  .contact-logo{
    width: 25px;
  }

  

  @media (max-width: 900px) {
    .header-top{
      position: absolute;
    }

    .hamburger-menu{
      position: absolute;
    }
  }

  @media (max-width: 600px){
    .title-text{
      font-size: 6vw;
    }

    .logo-img{
      width: 10vw;
      margin-right: 0.5rem;
    }
  }


  .dropdown-menu{
    position: absolute;
    top: 20vh;
    right: 10px;
    z-index: 9;
    border-color: #aaaaaa;
    border-width: 1px;
    box-shadow: -4px 3px 10px rgba(1, 87, 82,0.3);
  }
  
  .dropdown-container{
    width: 50vw;
    height: 10vh;
    padding: 3rem;
    text-align: center;
    background-color: white;
  
  }

  .dropdown-links{
    text-decoration: none;
    font-family: 'cambria';
    font-size: 4vw;
    color: #015752;
  }


  .hamburger-menu-button{
    font-size: 4rem;
    padding: 1rem 2rem 1rem 2rem;
    position: absolute;
    color: #015752;
    background-color: white;
    border-color: #01575366;
    border-style: solid;
    border-radius: 20%;
    top: 5vh;
    right: 10vw;
    z-index: 10;
    transition: 0.3s;
  }

  @media (max-width: 350px){
    .hamburger-menu-button{
      padding: 0 13px 0 13px;
      font-size: 6vw;
      top: 8vh;
      position: absolute;
      border: none;
    }
  }
  @media (max-width: 900px){
    .user-tab-container{
      grid-template-columns: 1fr 1fr;
    }

    .header-top{
      position: absolute;
    }
    .hamburger-menu-button{
      display: block;
      position: absolute;
    }

    .h-button{
      display: none;
    }
  }

  @media (min-width: 901px){
    .user-tab-container{
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .hamburger-menu-button{
      display: none;
    }
  }