@screen and (max-width: 768px){#what .items {display: block; padding: 1rem;} #what .items .item {display: flex; text-align: left;} #what .items .item i {margin-right: 1.3rem; align-self: center; margin-bottom: 0;}}@media(max-width:500px){#navbar{flex-direction:column;align-items:center}#navbar ul{padding:.5rem}#showcase .showcase-content{position:absolute;top:110px}#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-top:4px solid #333}}@media(max-height:568px){#showcase .showcase-content{margin-top:-2rem;top:140px}.l-heading{font-size:2.5rem}.lead{font-size:1rem}}