@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url("https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet")
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");

/* GLOBAL STYLES
-------------------------------------------------- */


h1, h2, h3, h4, h5 {
	font-family: 'Roboto'sans-serif;
    line-height: 34px;
    letter-spacing: 2px;
}

/* CAROUSEL
-------------------------------------------------- */

.carousel-item {
  height: 700px;
  width: 100%;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




.cobalto {
    background: #0c4da1;
    color:#fff;
}

.space{ padding-top: 60px; }





footer {
    margin: ;
    background:#343A40 ;
    letter-spacing: 2px;
    color: #ffffff;
    padding: 60px 0px;
    
}






.featurette-divider {
  margin: 2.6rem 0; /* Space out the Bootstrap <hr> more */
}







/* logo section */

.section-header h3 {
     font-size: 36px;
     color: #283d50;
     text-align: center;
     font-weight: 500;
     position: relative
 }

 .section-header p {
     text-align: center;
     margin: auto;
     font-size: 15px;
     padding-bottom: 60px;
     color: #556877;
     width: 50%
 }

 #clients {
     padding: 45px 0
 }

 #clients .clients-wrap {
     border-top: 1px solid #d6eaff;
     border-left: 1px solid #d6eaff;
     margin-bottom: 30px
 }

 #clients .client-logo {
     padding: 38px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     border-right: 1px solid #d6eaff;
     border-bottom: 1px solid #d6eaff;
     overflow: hidden;
     background: #ffffff;
     height: 160px
 }

 #clients img {
     transition: all 0.4s ease-in-out
 }