@font-face {
    font-family: 'Campton-ExtraLight';
    src: url(/fonts/Campton/Campton-ExtraLight.woff2) format('woff2'), url(/fonts/Campton/Campton-ExtraLight.woff) format('woff'), url(/fonts/Campton/Campton-ExtraLight.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-Light';
    src: url(/fonts/Campton/Campton-Light.woff2) format('woff2'), url(/fonts/Campton/Campton-Light.woff) format('woff'), url(/fonts/Campton/Campton-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-Medium';
    src: url(/fonts/Campton/Campton-Medium.woff2) format('woff2'), url(/fonts/Campton/Campton-Medium.woff) format('woff'), url(/fonts/Campton/Campton-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-ExtraBold';
    src: url(/fonts/Campton/Campton-ExtraBold.woff2) format('woff2'), url(/fonts/Campton/Campton-ExtraBold.woff) format('woff'), url(/fonts/Campton/Campton-ExtraBold.ttf) format('truetype');
}

.main-landing section.banner {
  font-family: 'Campton-Light';
  height: calc(100vh);
  width: 100%;
  background-image: url(https://storage.googleapis.com/cdn-v1/page/BNI-venema/new/txt%20HEAD.png),url(https://storage.googleapis.com/cdn-v1/page/BNI-venema/new/asset/C_HEAD_D.jpeg);
  background-size: 35%, cover;
  background-repeat: no-repeat;
  background-position: top 45% right 10% ,top 0 center;
  position: relative;
  z-index: -1;
}section#promo{
  margin-bottom:10vw;

}section#promo h1{
  text-align: center;
  margin-top:5vw;
  margin-bottom:3vw;
  font-family: 'Campton-Medium';
}section#promo h1 span{
  font-family: 'Campton-Light';
}
section#tnc{
  background-color: #F7F7F7;
  padding: 30px 0 20px;
}.block-assistant{
  display: inline-flex;
}.block-assistant p{
  padding-right: 2rem
}section#promo img:hover{
      margin-top: -5px;
}.btn-tnc{
  cursor:pointer;
}.modal-content{
  display: block !important;
}.modal-body h3{
  text-align: center;
}.modal-body ol{
  padding-left: 1rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}.modal-body ol li{
  margin-bottom: .5rem;
}

@media (min-width: 992px){
.col-md-9 {
    margin: 0px;
    width: 75%;
}
}

@media screen and (max-width:720px) {
  .main-landing section.banner {
    /*background-image: url(https://storage.googleapis.com/cdn-v1/promo/frameatrip-2018-2/banner/HEADER-M-3.jpg);*/
    background-image: url(https://storage.googleapis.com/cdn-v1/page/BNI-venema/new/txt%20HEAD.png), url(https://storage.googleapis.com/cdn-v1/page/BNI-venema/new/asset/C_HEAD%20M.jpeg);
    background-size: 75%, cover;
    background-position: center top 20%,center center;
    height: calc(100vh - 55px);
  }
}