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

}

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

#what .items .item i {
margin-right: 1.3rem;
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:145px;
margin-top: -2rem;
}
#contact {flex-direction: column;}
}

@media(max-height:568px){
.l-heading {font-size: 2.5rem;}
}