.top-navigation {
       top: auto; 
       position: relative; 
       padding-top: 23px; 
    } 

.menu-toggle {
    } 

.main-menu-wrapper {
       box-shadow: none; 
       border-bottom-color: rgba(74,71,72,1); 
    } 

.megamenu-sub-title {
       color: rgba(35,31,32,1); 
    } 

.page-header {
       display: none; 
       margin-top: 0px; 
       padding-top: 20px; 
    } 

.meta-data a {
       display: none; 
    } 

h3 a {
       text-align: left; 
       color: rgba(74,71,72,1); 
       display: inline; 
    } 

.content {
       margin-top: 75px; 
    } 

 h2 {
       font-size: 34px; 
    } 

.intro h1 {
    } 

.cta {
    } 

.cta h2 {
    } 

.cta2 h2 {
    } 

 img {
    } 

.joinUs h3 {
    } 

.cta h4 {
       font-size: 30px; 
       text-transform: none; 
       font-weight: lighter!important; 
       font-family: Roboto; 
    } 

.cta2 h4 {
       font-size: 30px; 
       font-weight: lighter; 
       font-family: Roboto; 
       text-transform: none; 
    } 


@media screen and (min-width: 0px) and (max-width: 480px) { .menu-toggle {   margin-top: 30; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .menu-toggle {   position: relative; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .menu-toggle {   top: -7px; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .menu-toggle {   position: relative; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .menu-toggle {   top: -6px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .intro h1 {   font-size: 20px!important; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .intro h1 {   line-height: 24px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta {   font-size: 18px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   font-size: 18px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   height: 220px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta2 h2 {   font-size: 20px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   width: 167px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) {  img {   position: relative; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) {  img {   bottom: -10px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   text-align: center; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta2 h2 {   width: 167px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta2 h2 {   height: 225px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   margin-bottom: 0; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   position: relative; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   top: -6px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .joinUs h3 {   font-size: 22px!important; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .cta h2 {   font-size: 26px; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .cta h2 {   height: 105px; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) {  img {   position: relative; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) {  img {   top: 4px; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .menu-toggle {   height: 20px; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .menu-toggle {   width: 16px; }  }  
@media screen and (min-width: 481px) and (max-width: 768px) { .menu-toggle {   margin-top: 30px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   padding-right: 0px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   padding-top: 0px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h2 {   padding-bottom: 0px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h4 {   font-size: 20px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h4 {   font-weight: normal; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h4 {   text-transform: none; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta h4 {   height: 165px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta2 h4 {   font-size: 20px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta2 h4 {   text-transform: none; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .cta2 h4 {   height: 168px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .joinUs h3 {   line-height: 30px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .joinUs h3 {   letter-spacing: 4px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .joinUs h3 {   word-spacing: 3px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .intro h1 {   word-spacing: 2px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .intro h1 {   letter-spacing: 0px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .intro h1 {   text-align: center; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { .intro h1 {   font-weight: normal!important; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) {  h2 {   font-size: 20px!important; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) {  h2 {   font-weight: normal!important; }  }