body,h3,p {
    font-family: 'robotolight';
    color: #15384a;
  }

  .u-btn-outline-white {
    font-family: 'robotolight';

  }


    
    .g-font-size-100 {
    font-size:100px;
    font-weight:800;
    line-height:normal;
    }
    
    @media (max-width: 990px) {
    
    .g-bg-img-hero {
min-height: 600px;
}

    .g-font-size-100 {
    font-size:60px;
padding-top:60px;
    }



}
    
    @media (min-width: 990px) {
    
    .g-bg-img-hero {
height: 1200px;
}



}

  
    .nav-item {
    font-size:20px;
    }
    
    .active {  
    font-weight:600;
    }
 
    
.quote-card {
  background: transparent;
  color: #333;
  position: relative;
}
.quote-card p {
 padding:80px;
 font-size:20px;
 font-style:italic;

}
.quote-card cite {
  font-size: 16px;
  margin-top:20px;
  display: block;
  font-weight: 600;
text-align:center;
  font-style:normal;
}
.quote-card:before {
    line-height: 20px;

  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 80px;
  left: 0px;
  font-size: 15em;
  color: rgba(153,153, 153, 0.8);
  font-weight: normal;
}

.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: 0px;
  line-height: 30px;
  right: 0px;
  font-size: 15em;
  color: rgba(153,153, 153, 0.8);
  font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 15em;
    right: 0px;
    bottom:-100px;
  }
  
.quote-card:before {
    font-size: 15em;
    left: 0px;
    top:20px;
  }
.quote-card p {

margin-top:50px;
padding:20px;
padding-bottom:30px;
}
      

 .navbar-collapse {
 background-color:#f0f0f0;

  }
  
  .nav-item {
  margin-left:20px;
  }
  }
.hs-sub-menu {
background-color:#ffffff;
}

.g-bg-gray {
background-color:#eeeeee;
}
.g-bg-gray2 {
background-color:#e1e1e1;
}



@media (max-width: 640px) {
.navbar-brand img  {
width:250px;
}
}


@media (min-width: 768px) {
  
  .g-min-height-500--md {
    min-height: 500px;
  }
  
    .g-min-height-600--md {
    min-height: 600px;
  }
  
      .g-min-height-800--md {
    min-height: 800px;
  
  
  
}


.color-1 {
  color:#279983;
  }
  
  .color-2 {
  color:#73977c;
  }
  
  .color-3 {
  color:#969276;
  }
  
  .color-4 {
  color:#b28a6f;
  }
  
  .color-5 {
  color:#cc7b66
  }
  
  .color-6 {
  color:#e7635a
  }


  .rond {
    display: block; /* This is how it looks on mobile */
  }
  
  @media (min-width: 600px) {
    .rond {
      display: none; /* This is how it looks on desktop */
    }
  }
  .milieu {
    display: block;
    margin-left: auto;
    margin-right: auto;

  }

  .color-a {
    color:#15384a;
  }
  
  .color-b {
    color:#c5e6ee;
  }
  
  .color-c {
    color:#712065;
  
  }
  
  .color-d {
    color:#c34291;
  }
  
  .color-e {
    color:#dda6cc;
  }
  
  
  
  .g-bg-new {
    background-color:#15384a;
  }
  
  .g-bg-footer {
    background-color:#c5e6ee;
  }
  .g-bg-e {
    background-color:#dda6cc;
  }
  
  h1,h2 {
    font-family: 'Abril Fatface', cursive;
    color:#15384a;
  }
  
  
  
  .color-f {
    color: #221f20 !important;
  }
  
  .color-f--hover:hover {
    color: #221f20 !important;
  }