* {font-family: 'Source Sans Pro', sans-serif;}
.ubuntu, h1, h2, h3, h4 {font-family: 'Ubuntu', sans-serif;font-weight:500;}
h1 {font-size: 4.5rem;font-weight: 400;letter-spacing: -4px;line-height:100%;}
h2 {font-size:2.5rem;}
.lead {font-size: 1.75rem;width:650px;max-width:90%;}

section.grey {background:#F8F7F5;}
.generic__intro {margin-bottom:45px;}
.generic__intro p {font-size: 135%;}

header {background:#202B3F;color:#fff;}

#hero {min-height:80vh;background:#202B3F;color:#fff;display:flex;align-items:center;position:relative;}
#hero .container {position:relative;z-index:2;}
#hero:after {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;background:url('../img/codebg2.png') center no-repeat;background-size:cover;}
#prettycode {position:absolute;top:0;bottom:0;left:0;right:100px;height:100%;display:flex;justify-content:end;align-items:flex-end;z-index:0;}
#prettycode pre {margin:0;opacity:0.5;}

#clients {padding:60px 0 80px;}

#expertise {padding:60px 0 80px;}

#solutions {padding:60px 0 80px;}
#solutions .nav-pills .nav-link.active, #solutions .nav-pills .show>.nav-link {background:#00000009;color:#000;border-radius:0px;font-weight:700;}
#solutions .nav-pills .nav-link {color:#555;}
#solutions .tab-content {width:100%;padding:10px 20px;background:#00000009;}
#solutions .tab-content .upper {font-size:19px;color:#000;}

#price {padding:60px 0 80px;}
#price .number {display:block;font-size:26px;width:36px;height:36px;text-align:center;line-height:30px;margin-bottom:7px;border:2px solid #587DA2;color:#587DA2;border-radius:50%;}

#projects {padding:60px 0 80px;}
.projects__card {cursor:pointer;}
.projects__card:hover {opacity:.8;}
.projects__card img {width:100%;}

#culture {padding:60px 0 80px;}
#culture .culture__col {margin-bottom:35px;}
#culture .culture__col b {font-size:25px;display:block;margin-bottom:15px;position:relative;}
#culture .culture__col b:after {content:'';display:block;position:absolute;bottom:-5px;width:45px;height:2px;background:#000;}

#about {padding:60px 0 80px;}
#about .about__col {font-size:20px;}
#about .about__col b {color: #587DA2;display: block;font-size: 86px;letter-spacing: -4px;font-weight:700;}

footer {padding:40px 0;background:#09161F;color:#fff;}
footer a {color:#fff;text-decoration:none;opacity:.7;}
footer a:hover {color:#fff;text-decoration:underline;opacity:1;}

.modal-title {font-family:'Ubuntu', sans-serif;color:#000;}
.modal-content h5 {font-family:'Ubuntu', sans-serif;color:#000;}
.modal-content a {color: #587DA2;}
.modal-content a:hover {color: #587DA2;text-decoration:none;}



@media (max-width: 992px) {
    h1 {font-size: 3.5rem;}
    h2 {font-size: 2rem;}
    .lead {font-size: 1.5rem;}
    #clients {padding:60px 0 40px;}
    .nav.nav-pills {width:100%;border-bottom:1px solid #999;}
    #about .about__col b {font-size:76px;}
}

@media (max-width: 692px) {
    #prettycode {display:none!important;}
    #about .about__col b {font-size:66px;}
}