@media screen and (max-width: 1280px) {
    
  #header .header-content {width: 100%; }
   .banner {  
  background-repeat: no-repeat;
  background-size:100%;
  min-height: 720px;

}
  .banner-text {padding-top: 20%; }

}


@media screen and (max-width: 1024px) {
    
  #header .header-content {width: 100%; }
  .banner {  
  background-repeat: no-repeat;
  background-size:130%;
  min-height: 720px;

}
    
  .banner-text {padding-top: 25%; }
}

@media screen and (max-width: 768px) {


.banner {  
  background-repeat: no-repeat;
  background-position: right;     
  background-size:225%;
  min-height: 800px;
}

.banner-text {padding-top: 40%; }
    
.nav-toggle {
    display: block; }

.navigation {
    position: fixed;
    background-color: #ffffff;
    width: 70%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99999;
    visibility: hidden;
    opacity: 1;
    box-shadow:rgba(0,0,0,0.2) -10px 0px 30px;
}
 
.navigation .primary-nav {
      position: relative;
      top: 45%;
      -moz-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
      -webkit-transform: translateY(-45%);
      transform: translateY(-45%); 
      border-top: 1px solid #cccccd;    
}

    
.navigation li {
      display: block;
       }

    
#header .navigation a {
      width:100%;
      height:100px;
      display: block;
      text-align: left;
      font-size: 26px;
      font-weight: 500;
      color:#000000;
      padding: 34px 0px 0px 40px;
      text-align: left;
      border-bottom: 1px solid #cccccd;
    
}
    
#header.fixed .navigation a {
      width:100%;
      height:100px;
      display: block;
      text-align: left;
      font-size: 26px;
      font-weight: 500;
      color:#000000;
      padding: 34px 0px 0px 40px;
      text-align: left;
      border-bottom: 1px solid #cccccd;  
}
    
    
.banner-text h1 {
      font-size: 43px; 
}



.features_title_black  {
  font-size: 34px;
  color: #404050;
  font-weight: 500;
  line-height:200%;
}

.features_title_white  {
  font-size: 36px;
  color: #ffffff;
  font-weight: 500;
  line-height:200%;
}

.features_text_black {

  font-size: 22px;
  color: #404050;
  font-weight:400;
  line-height: 160%;
}

.features_text_black_bold {

  font-size: 24px;
  color: #404050;
  font-weight:400;
  line-height: 160%;
}

.features_text_white {

  font-size: 22px;
  color: #ffffff;
  font-weight:400;
  line-height: 160%;
}

.features_text_white_bold {

  font-size: 24px;
  color: #ffffff;
  font-weight:300;
  line-height: 150%;
}

a.href_white {  
  font-size: 22px;  
  color: #ffffff; 
  font-weight: 400;
  text-decoration:underline;
}

a.href_black {  
  font-size: 22px;  
  color: #000000; 
  font-weight: 600;
  text-decoration:underline;
}

.text_black {
  font-size: 22px;    
  color: #000000; 
  font-weight: 500;
  text-decoration:none;
}
    
.no-gutter [class*=col-] {
  padding-right: 80px;
  padding-top: 80px;    
  padding-left: 80px;
}
    

@media screen and (max-width: 640px) {
    
}