.u-section-1 {
  background-image: none;
}

.u-section-1 .u-sheet-1 {
  min-height: 632px;
}

.u-section-1 .u-layout-wrap-1 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.u-section-1 .u-layout-cell-1 {
  min-height: 200px;
  background-image: none;
}

.u-section-1 .u-container-layout-1 {
  padding: 15px;
}

.u-section-1 .u-text-1 {
  font-size: 3rem;
  margin: 0 12px 0 0;
}

.u-section-1 .u-text-2 {
  font-size: 1rem;
  margin: 12px 0 0;
}

.u-section-1 .u-layout-cell-2 {
  min-height: 0px;
}

.u-section-1 .u-container-layout-2 {
  padding: 10px;
}

.u-section-1 .u-icon-1 {
  height: 78px;
  width: 78px;
  background-image: none;
  color: rgb(17, 17, 17) !important;
  margin: 0 auto;
}

.u-section-1 .u-text-3 {
  text-transform: uppercase;
  margin: 5px 0 0;
}

.u-section-1 .u-text-4 { 
  font-style: italic;
  margin: 5px 1px 0;
}

.u-section-1 .u-layout-cell-3 {
  min-height: 234px;
}

.u-section-1 .u-container-layout-3 {
  padding: 10px;
}

.u-section-1 .u-icon-2 {
  height: 78px;
  width: 78px;
  background-image: none;
  color: rgb(17, 17, 17) !important;
  margin:0 auto  ;
}

.u-section-1 .u-text-5 {
  text-transform: uppercase;
  margin: 5px 0 0;
}

.u-section-1 .u-text-6 {
  font-style: italic;
  margin: 5px 1px 0;
}

.u-section-1 .u-image-1 {
  min-height: 542px; 
  
}

.u-section-1 .u-container-layout-4 {
  padding: 5px;
}
.title1{
    position:absolute;
    color: white;
    font-size: 26px;
    font-weight: bold;
    width: 100%;
    left: 31%;

}

.album {
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0px 3px rgb(7, 7, 7);
    width: 500px;
    height: 530px;

}
.album img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.topnav{
  display: none;
}



@media (max-width: 1250px) {
  .container{
      min-height: 950px;

  }
  .navbar{
      text-align: center;
  }
  .album{
    max-width: 380px;
  }
  .topnav{
    display: none;
  }
  .u-section-1 .u-sheet-1 {
    min-height: 525px;
  }

  .u-section-1 .u-layout-wrap-1 {
    margin-bottom: 0;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 278px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 295px;
  }

  .u-section-1 .u-layout-cell-3 {
    min-height: 295px;
  }

  .u-section-1 .u-layout-cell-4 {
    min-height: 278px;
  }
  .album{
      position: center;
  }
}

@media (max-width: 1050px) {
  .container{
      min-height: 700px;

  }
  .topnav{
    display: block;
  }
  .navbar ul li{
      padding: 10px;
      text-align: center;
  }
    .album{
        margin-top: 30px;
        margin-left: 0px;
        
    }
    .navbar{
      display: none;
    }
    
    
  .u-section-1 .u-sheet-1 {
    min-height: 430px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 0px;
  }

  .u-section-1 .u-layout-wrap-1 {
    margin-top: 0px;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-1 .u-layout-cell-3 {
    min-height: 100px;
  }

  .u-section-1 .u-layout-cell-4 {
    min-height: 100px;
  }
}

@media (max-width: 990px){
  .container{
    min-height: 1122px;

}

.navbar{
  position: relative;
  
}
.navbar ul li{
    padding: 10px;
    text-align: center;
}
.navbar{
  display: none;
}
.topnav{
  display: block;
}
  .album{

      margin-top: 20px;
      margin-left: 120px;

      
  }
  


.u-section-1 .u-text-1 {
  margin-top: 40px;
}

.u-section-1 .u-layout-wrap-1 {
  margin-top: 0px;
}

.u-section-1 .u-layout-cell-1 {
  min-height: 100px;
}

.u-section-1 .u-layout-cell-2 {
  min-height: 100px;
}

.u-section-1 .u-layout-cell-3 {
  min-height: 100px;
}

.u-section-1 .u-layout-cell-4 {
  min-height: 500px;
}
}

@media (max-width: 767px) {
  .container{
      min-height: 1082px;
      text-align: left;

  }
  .navbar ul li{
      padding: 10px;
      text-align: center;
  }
    .album{
        margin-left: 75px;
        
    }

  .u-section-1 .u-sheet-1 {
    min-height: 530px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 0px;
  }

  .u-section-1 .u-layout-wrap-1 {
    margin-top: 0px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .container{
      min-height: 950px;

  }
  .logo-1{
    max-width:300px;
    max-height:50px;
  }

  .navbar ul li{
      padding: 10px;
      text-align: center;
  }
    .album{
      max-height: 300px;
      max-width: 225px;
      margin-left: 40px;  
    }
    .album img{
      max-height: 300px;
      max-width: 225px;
      margin-left: 0px;
    }
  .u-section-1 .u-text-1 {
    margin-top: 0px;
  }

  .u-section-1 .u-layout-wrap-1 {
    margin-top: 0px;
  }
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
  overflow: visible;
}

.topnav #myLinks {
  display: none;
}


.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}


.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}


.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #050505;
  color: white;
}