@media screen and (max-width: 992px){

   /* --------------mobile Menu Styling------------ */
    /* #nav{
        display: none;
        position: absolute;
        top: 50px;
        z-index: 100;
    }
    .menu-button{
        display: block !important;
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 20px;
        cursor: pointer;
    }
    .menu-item {
        padding: 10px 0;
        margin: 2px;
        background: #ffffffa6;
        backdrop-filter: blur(8px);
    }
     */
     #menu{
        width: 100% !important;
     }
     .menu-button{
        font-size: 25px;
     }
    
.banner {
    /* background-size: cover !important; */
    background-position: top;
  }
  .rect{
    height: 75vh;
  }
  .bigMain{
    font-size: 50px;
    margin-top: 150px;
  }
  .logo{
    width: 150px;
  }
  .modal .logo {
    left: 18%;
    top: 5% !important;
}
.modal button{
  margin-top: 10px;
}

    

}