@font-face {
    font-family: 'Halvetica';
    src: url(../fonts/Helvetica-Light.woff2);
}
@font-face {
    font-family: 'Halvetica Bold';
    src: url(../fonts/Helvetica.woff2);
}
@font-face {
    font-family: 'Kapra';
    src: url(../fonts/KapraNeue-SemiBold.woff2);
}
html, body{
    font-family: 'Halvetica';
    font-size: 16px;
}
h1, h2, h3, h4, h5{
    font-family: 'Kapra';
}
b, strong{
    font-family: 'Halvetica';
}
.banner{
    background-color: #eef4f7;
    color: #313437;
}
.container{
    max-width: 1630px;
}
.team-boxed {
    color:#313437;
    background-color:#eef4f7;
  }
  
  .team-boxed p {
    color:#7d8285;
  }
  
  .team-boxed h2 {
    font-weight:bold;
    margin-bottom:40px;
    padding-top:40px;
    color:inherit;
  }
  
  @media (max-width:767px) {
    .team-boxed h2 {
      margin-bottom:25px;
      padding-top:25px;
      font-size:24px;
    }
  }
  
  .team-boxed .intro {
    font-size:16px;
    max-width:500px;
    margin:0 auto;
  }
  
  .team-boxed .intro p {
    margin-bottom:0;
  }
  
  .team-boxed .people {
    padding:50px 0;
  }
  
  .team-boxed .item {
    text-align:center;
  }
  
  .team-boxed .item .box {
    text-align:center;
    padding:30px;
    background-color:#fff;
    margin-bottom:30px;
  }
  
  .team-boxed .item .name {
    font-weight:bold;
    margin-top:28px;
    margin-bottom:8px;
    color:inherit;
  }
  
  .team-boxed .item .title {
    text-transform:uppercase;
    font-weight:bold;
    color:#d0d0d0;
    letter-spacing:2px;
    font-size:13px;
  }
  
  .team-boxed .item .description {
    font-size:15px;
    margin-top:15px;
    margin-bottom:20px;
  }
  
  .team-boxed .item img {
    max-width:160px;
  }
  
  .team-boxed .social {
    font-size:18px;
    color:#a2a8ae;
  }
  
  .team-boxed .social a {
    color:inherit;
    margin:0 10px;
    display:inline-block;
    opacity:0.7;
  }
  
  .team-boxed .social a:hover {
    opacity:1;
  }
  
footer{
    background-color: #000000;
    color: #ffffff;
}
footer a{
    color: #ffffff;
    text-decoration: none;
}
footer a:hover{
    text-decoration: underline;
}
footer h5{
    color: #ffffff;
    font-size: 20px;
    font-family: 'Halvetica Bold';
}
.c-banner-fluid .c-banner-fluid__content {
    display: flex;
    flex-direction: column;
    grid-area: auto;
    grid-area: 1/1/2/2;
}
.o-banner-decorative-block {
    background-color: rgba(255, 255, 255, 0.85);
    max-width: 670px;
    padding: 30px;
}
@media only screen and (min-width: 1200px){
    .o-banner-decorative-block {
        max-width: 700px;
    }
}
@media only screen and (min-width: 1025px){
    .o-banner-decorative-block {
        background-color: rgba(255, 255, 255, 0.85);
        max-width: 670px;
        padding: 30px;
    }
}