#what .items{
  flex-direction: column;
}

#what .items .item{
  display: flex;
}

#what .items .item .item-content{
  text-align: left;
}

#what .items .item i{
  align-self: center;
  margin-bottom: 0;
  margin-right: 1.8rem;
}

@media(max-width: 620px){
  body{
    overflow-x: hidden;
  }

  iframe{
    overflow-x: hidden;
    width: 100%;
  }

  #navbar{
    flex-direction: column;
    align-items: center;
    margin-top: -2.8rem;
  }

  #navbar .logo{
    margin-bottom: 0.5rem;
  }

  #navbar ul{
    padding: 0.5rem;
  }
  
  #showcase .showcase-content .l-heading{
    font-size: 3rem;
    line-height: 1.3;
  }

  #who{
    display: block;
  }

  #who .who-img{
    display: none;
  }

  #contact{
    display: block;
  }

  #main-footer{
    padding: 2rem;
    font-size: 1rem;
  }
}