*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#hero {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(12, 32, 112, 0.7)), url(./assets/img/house.jpg);
    color: white;
    
  }
  #hero .container {
    padding-top: 70px;
    position: relative;
  }
  @media (max-width: 578px) {
    #hero .container {
      padding-top: 58px;
      color: black;
    }
    .gallary-container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      padding: 20px;
      margin-left: 20px;
    }
    .gallary{
      display: block;
      align-items: center;
      justify-content: center;
      color: black;
      padding-top: 8px;
      text-align: center;

    
    
    }
    .gallary-img{
      display: inline-block;
      padding-top: 8px;
      justify-content: center;
    }
  
  }

    @media (max-width: 992px) {
      #hero .container {
        padding-top: 58px;
        color:rgb(255, 255, 255);
      }
      #hero {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-image: linear-gradient(rgba(4,9,30,0.7),rgba(2, 7, 29, 0.7)), url(./assets/img/house.jpg);
        color:black;
        
    }
  }
    .gallary-container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      padding: 20px;
    }
    .gallary{
      display: block;
      align-items: center;
      justify-content: center;
      color: black;
      padding-top: 8px;
      text-align: center;

    
    
    }