#header-1 .menu-wrap .hamburger {
  background: #ddd;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ul-2 .li-2 {
  display: none;
}


/* Smartphones: iPhone xr */
@media(max-width: 500px) {
  #showcase-1 {
    height: 110vh;
  }
}

/* Showcase-1 */
.container-3 {
  display: block;
  margin: auto;
}

.container-3 .box-1 {
  width: 100%;
  height: 50%;
}
.container-3 .box-2 {
  margin: auto;
  width: 100%;
  height: 30vh;
  margin-top: -1rem;
}
.container-3 .box-3 {
  margin: auto;
  width: 100%;
  height: 14vh;
  margin-bottom: 0.5rem;
  margin-top: 1rem;

}
.container-3 .box-4 {
  margin: auto;
  width: 100%;
  height: 14vh;
  margin-bottom: -3rem;
}

/* Footer F-1 */
.f-container .f-1 {
  text-align: left;
}

/* iPhone SE */

@media(max-width: 400px) {
  #showcase-1 {
    height: 140vh;
  } 

  .container-3 .box-3 {
    background: #ddd;
    width: 100%;
    height: 20vh;
    border-radius: 0 15px 0 15px;
    padding: 1rem;
    transition: all 0.4s ease-in-out;
  
  }
  
  .container-3 .box-4 {
    background: #ddd;
    width: 100%;
    height: 20vh;
    border-radius: 0 15px 0 15px;
    padding: 1rem;
    transition: all 0.4s ease-in-out;
    margin-bottom: -4rem;
  } 
}

@media(max-width: 393px) {
  #showcase-1 {
    height: 113vh;
  } 

  .container-3 .box-3 {
    height: 15vh;
  }
  .container-3 .box-4 {
    height: 15vh;
  }
}

@media(max-width: 375px) {
  #showcase-1 {
    height: 132vh;
  } 

  .container-3 .box-3 {
    height: 17vh;
  }
  .container-3 .box-4 {
    height: 17vh;
  }
}