#about{}
#about .banner{position:relative;margin-top:3rem;width:100%;height:50rem;background-position:center center;background-repeat:no-repeat;background-size:cover;}
#about .banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
#about .banner .container{position:relative;height:100%;}
#about .banner .text{position:absolute;top:50%;left:0;padding:0 0.75rem;transform:translateY(-50%);width:50%;}
#about .banner .text h1{font-size:1rem;font-weight:700;color:#fff;}
#about .banner .text h2{margin-top:1.5rem;color:#fff;letter-spacing:-.0625rem;}
#about .banner .text p{margin-top:1.5rem;font-size:1.5rem;color:#fff;}
#about .story{margin-top:6.25rem;}
#about .story .text{}
#about .story .text h1{font-size:0.875rem;font-weight:700;color:#000ee6;}
#about .story .text h2{padding-top:1rem;}
#about .story .text dl{padding-top:2rem;}
#about .story .text dl dt{font-size:1.5rem;}
#about .story .text dl dd{padding-top:1rem;line-height:2rem;font-weight:200;}
#about .story .image{text-align:right;}
#about .story .image img{display:inline-block;border-radius:1rem;}
#about .client{margin:6.25rem 0;}
#about .client .text h1{font-size:0.875rem;font-weight:700;color:#000ee6;}
#about .client .text h2{padding-top:1rem;}
#about .client .text p.description{padding-top:2rem;}
#about .client .text .data{padding-top:2rem;overflow:hidden;}
#about .client .text .data li{float:left;width:33.3%;}
#about .client .text .data li span{display:block;font-size:3rem;}
#about .client .text .data li p{display:block;line-height:1.5rem;color:#667080;}
#about .client .list{}

@media only screen and (max-width:768px) {
    #about .banner{height:20rem;}
    #about .banner .text{width:100%;}
    #about .banner .text h2{font-size:1.25rem;}
    #about .banner .text p{font-size:1.25rem;}
    #about .story{margin-top:3rem;}
    #about .story .text h2{margin-top:0;}
    #about .story .image{margin-top:2rem;}
    #about .story .image img{width:100%;}
}