#what .items{
  display: block;
  padding: 1rem;
  }

/* Align icon to left */
#what .items .item {
  display: flex;
  text-align: left;
}

/* Position icon */
#what .items .item i {
margin-right: 1.3rem;
align-self: center;
margin-bottom: 0;
}

/* Smartphones */
@media (max-width: 500px) {
  #navbar {
    flex-direction: column;
    align-items: center;
  }
  #navbar .logo{
    margin-bottom: 0.5rem;
    text-align: center;
  }
  #navbar ul{
    padding: 0.5rem;
  }
  #showcase .showcase-content{
    top:113px;
  }
  #who{
    display: block;
  }
  #who .who-img{
    display: none;
  }
  #clients .items img{
    width: 80%;
  }
  #clients .items div:last-child{
    display: none;
  }
  #contact{
    flex-direction: column;
  }
  #contact .map{
    height: 200px;
    border: 5px solid #333;
    /* until map is not here */
    padding: 200px;
  }
}

@media (max-height:568px) {
 .l-heading{
  font-size: 3rem;
 }
 .lead{
  font-size: 1rem;
 }
 #showcase .showcase-content{
  margin-top: -20px;
}
}