/*  MOBILE VERTICAL  */

@media screen and (max-width: 480px) {
  
  #masthead {     padding: 0px; }
  
  #custom-header-left {
    width: 100%;
    float: none;
}
  
  #custom-header-left p { 
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}
  
#custom-header-center {
    width: 100%;
    float: none;
    margin-top: 20px;
}
  
  #custom-header-center img {     width: 80%; }
  
  #custom-header-right {
    width: 100%;
    float: none;
}
  
  #custom-header-right .green { 
    letter-spacing: 1px;
    margin-left: -7px;
}
  
  .main-navigation ul li {
    display: block;
    text-align: center;
}
  #header-strip-inner p {
    font-size: 6vw;
    line-height: 7vw;
}
  
  #header-strip-inner .fa {
    font-size: 34px;
    margin: 10px;
    display: block;
}
  
#header-big-left {
    width: 96%;
    float: none;
    padding: 30px 2%;
}
  
#header-big-right {
    width: 96%;
    float: none;
    padding-top: 0px;
      padding: 0 2%;
}  
  
#header-video-cta {     font-size: 3vw; }  

.cta1 {
    font-size: 6vw;
    line-height: 8vw;
    margin-bottom: 10px;
    width: 100%;
}
  
.cta2 {
    font-size: 7vw;
    line-height: 7vw;
    width: 100%;
}
  
.cta3 {
    font-size: 5vw;
    line-height: 6vw;
    margin-bottom: 0px;
    padding-bottom: 30px;
}  
  
#header-contact-area-wrapper {  padding: 20px 0px; }  
  
#header-contact-area-inner h2 { 
    font-size: 6vw;
    line-height: 6vw;
    letter-spacing: 2px;
    text-shadow: none;
}  
  
#header-contact-area-inner h3 { 
    font-size: 4vw;
    line-height: 7vw;
    margin-bottom: 20px; 
}  
  
  #header-requirements {    
    font-size: 5vw !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}
  
#header-contact-area-left {
    width: 96%;
    float: none;
    margin-right: 0px;
    padding: 0px 2%;
}
  
#header-contact-area-left ul {
    margin-left: 0px;
    font-size: 16px;
    line-height: 20px;
    margin-left: 24px;
      padding-bottom: 10px;
}
  
#header-contact-area-right {
    width: 96%;
    float: none;
    padding: 0px 2%;
}
  
  .two-col-content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
  
article.post .entry-header, article.page .entry-header {    padding: 15px 0px; }  
  
article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title  {
    font-size: 5vw;
    line-height: 7vw;
    padding: 0 1%;
    font-family: 'Roboto Condensed';
}
  
  .entry-content {
    width: 96%;
    padding-bottom: 20px;
}
  
  #footer-contact-inner h3 {
    font-size: 5.5vw;
    line-height: 8vw;
    text-shadow: none;
    letter-spacing: 1px;
}
  
.footer-contact-notice {
    font-size: 14px;
    line-height: 21px;
    width: 96%;
    padding: 0 2%;
}  
  
#wpcf7-f70-o2 {     padding: 2%; }  
  
#footer-contact-form {  width: 96%;
    padding: 2%;
}  
  
#footer-contact-left {
    width: 100%;
    margin-right: 0;
}  
  
#footer-contact-right {
    width: 100%;
    margin-left: 0;
}  
  
#footer-map-wrapper {
    width: 100%;
    float: none;
}  
  
#footer-info-wrapper {
    width: 100%;
    float: left;
}  
  
  #footer-mail {  font-size: 3.5vw; }
  
}













/*  MOBILE HORIZONTAL  */

@media screen and (min-width: 481px) and (max-width: 767px) {
  
  #masthead {     padding: 0px; }
  
  #custom-header-left {
    width: 100%;
    float: none;
}
  
  #custom-header-left p { 
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}
  
#custom-header-center {
    width: 100%;
    float: none;
    margin-top: 20px;
}
  
  #custom-header-center img {     width: 60%; }
  
  #custom-header-right {
    width: 100%;
    float: none;
}
  
  #custom-header-right .green { 
    letter-spacing: 1px;
    margin-left: -7px;
}
  
  .main-navigation ul li {
    display: block;
    text-align: center;
}
  #header-strip-inner p {   font-size: 24px; }
  
  #header-strip-inner .fa {
    font-size: 34px;
    margin: 10px;
    display: block;
}
  
#header-contact-area-wrapper {  padding: 20px 0px; }  
  
#header-contact-area-inner h2 { 
    font-size: 6vw;
    line-height: 6vw;
    letter-spacing: 2px;
}  
  
#header-contact-area-inner h3 { 
    font-size: 4vw;
    line-height: 4vw;
    margin-bottom: 20px; 
}  
  
#header-contact-area-left {
    width: 96%;
    float: none;
    margin-right: 0px;
    padding: 0px 2%;
}
  
#header-contact-area-left ul {
    margin-left: 0px;
    font-size: 16px;
    line-height: 20px;
    margin-left: 24px;
}
  
#header-contact-area-right {
    width: 96%;
    float: none;
    padding: 0px 2%;
}
  
  #header-big-left {
    width: 96%;
    float: none;
    padding: 30px 2%;
}
  
#header-big-right {
    width: 96%;
    float: none;
    padding-top: 0px;
      padding: 0 2%;
}  
  
#header-video-cta {     font-size: 3vw; }  

.cta1 {
    font-size: 8vw;
    line-height: 8vw;
    margin-bottom: 10px;
   }  
  
.cta2 {
    font-size: 7vw;
    line-height: 7vw;
   }  
  
.cta3 {
    font-size: 5vw;
    line-height: 6vw;
    margin-bottom: 0px;
    padding-bottom: 30px;
}  
  
  .two-col-content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
  
  
article.post .entry-header, article.page .entry-header {    padding: 15px 0px; }  
  
article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
    font-size: 3vw;
    line-height: 6vw;
  }  
  
  .entry-content {
    width: 96%;
    padding-bottom: 20px;
}
  
  #footer-contact-inner h3 {
    font-size: 7vw;
    line-height: 8vw;
}
  
.footer-contact-notice {
    font-size: 16px;
    line-height: 21px;
    width: 96%;
    padding: 0 2%;
}  
  
#wpcf7-f70-o2 {     padding: 2%; }  
  
#footer-contact-form {  width: 96%;
    padding: 2%;
}  
  
#footer-contact-left {
    width: 100%;
    margin-right: 0;
}  
  
#footer-contact-right {
    width: 100%;
    margin-left: 0;
}  
  
#footer-map-wrapper {
    width: 100%;
    float: none;
}  
  
#footer-info-wrapper {
    width: 100%;
    float: left;
}  
  
  #footer-info-inner {
    max-width: 100%;
    width: 100%;
}
  
  #footer-mail {  font-size: 2.5vw; }
  
}











/*  TABLET VERTICAL  */

@media screen and (min-width: 768px) and (max-width: 1023px) {
  
  #custom-header-left {  width: 29%; }
  #custom-header-left .red {  font-size: 2.5vw; }
  #custom-header-left .green {   font-size: 3.3vw; }
  
  #custom-header-center {  width: 42%; }
  
  #custom-header-right {    width: 29%;  }
  #custom-header-right .red {    font-size: 2.5vw; }
  #custom-header-right .green {     font-size: 3.3vw; }
  
  #custom-header-left p, #custom-header-right p  {   margin-top: 0px; }
  
  #custom-header-center img {
    width: 60%;
    margin-top: -2%;
}
  
  .main-navigation ul li a {
    padding: 15px 10px;
    font-size: 2vw;
}
  #header-big-inner {     padding: 0 2%; }
  #header-big-left {  padding: 30px 3% 30px 0px; }
  #header-big-right {     padding-top: 5%; }
  
  #header-video-cta {   font-size: 1.5vw; }
  .cta1 {
    font-size: 3vw;
    margin-bottom: 0px;
    line-height: 8vw;
   }
  .cta2 {
    font-size: 3vw;
    line-height: 5vw;
    }
    .cta3 {
    font-size: 2.5vw; 
    line-height: 4vw;
}
  

  #header-strip-inner p {   font-size: 24px; }
  
  #header-strip-inner .fa {
    font-size: 34px;
    margin: 10px;
    display: block;
}
  
#header-contact-area-wrapper {  padding: 20px 0px; }  
  
#header-contact-area-inner h2 { 
    font-size: 6vw;
    line-height: 6vw;
    letter-spacing: 2px;
}  
  
#header-contact-area-inner h3 { 
    font-size: 4vw;
    line-height: 4vw;
    margin-bottom: 20px; 
}  
  
#header-contact-area-left {
    width: 96%;
    float: none;
    margin-right: 0px;
    padding: 0px 2%;
}
  
#header-contact-area-left ul {
    margin-left: 0px;
    font-size: 16px;
    line-height: 20px;
    margin-left: 24px;
}
  
#header-contact-area-right {
    width: 96%;
    float: none;
    padding: 0px 2%;
}
  
article.post .entry-header, article.page .entry-header {    padding: 15px 0px; }  
  
article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
    font-size: 3vw;
    line-height: 7vw;
  }  
  
  .entry-content {
    width: 96%;
    padding-bottom: 20px;
}
  
  #footer-contact-inner h3 {
    font-size: 7vw;
    line-height: 8vw;
}
  
.footer-contact-notice {
    font-size: 16px;
    line-height: 21px;
    width: 96%;
    padding: 0 2%;
}  
  
#wpcf7-f70-o2 {     padding: 2%; }  
  
#footer-contact-form {  width: 96%;
    padding: 2%;
}  
  
#footer-info-inner h2 {  font-size: 2vw;  }
  
  #footer-mail {  font-size: 1.8vw; }
  
}








/*  TABLET HORIZONTAL  */

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  
  #custom-header-left {  width: 29%; margin-top: 1%; }
  #custom-header-left .red {  font-size: 2.5vw; }
  #custom-header-left .green {   font-size: 3.3vw; }
  
  #custom-header-center {  width: 42%; }
  
  #custom-header-right {    width: 29%; margin-top: 1%; }
  #custom-header-right .red {    font-size: 2.5vw; }
  #custom-header-right .green {     font-size: 3.3vw; }
  
  #custom-header-left p, #custom-header-right p  {   margin-top: 0px; }
  
  #custom-header-center img {
    width: 60%;
    margin-top: -2%;
}
  
  .main-navigation ul li a {
    padding: 15px 10px;
    font-size: 2vw;
}
  #header-big-inner {     padding: 0 2%; }
  #header-big-left {  padding: 30px 3% 30px 0px; }
  #header-big-right {     padding-top: 5%; }
  
  #header-video-cta {   font-size: 1.5vw; }
  .cta1 {
    font-size: 3vw;
    margin-bottom: 0px;
    line-height: 8vw;
   }
  .cta2 {
    font-size: 3vw;
    line-height: 5vw;
    }
    .cta3 {
    font-size: 2.5vw; 
    line-height: 4vw;
}
  

  #header-strip-inner p {   font-size: 24px; }
  
  #header-strip-inner .fa {
    font-size: 34px;
    margin: 10px;
    display: block;
}
  
#header-contact-area-wrapper {  padding: 20px 0px; }  
  
#header-contact-area-inner h2 { 
    font-size: 6vw;
    line-height: 6vw;
    letter-spacing: 2px;
}  
  
#header-contact-area-inner h3 { 
    font-size: 4vw;
    line-height: 4vw;
    margin-bottom: 40px; 
}  
  
#header-contact-area-left {
    width: 47%;
    float: left;
    margin-right: 3&;
    padding: 0px 2%;
}
  
#header-contact-area-left ul {
    margin-left: 0px;
    font-size: 16px;
    line-height: 23px;
    margin-left: 24px;
}
  
#header-contact-area-right {
    width: 36%;
    float: left;
    padding: 0px 2%;
}
  
#header-contact-area-right h3 {     font-size: 2.5vw;
  																margin-bottom: 10px; }  
  
article.post .entry-header, article.page .entry-header {    padding: 15px 0px; }  
  
article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
    font-size: 3vw;
    line-height: 7vw;
  }  
  
  .entry-content {
    width: 96%;
    padding-bottom: 20px;
}
  
  #footer-contact-inner h3 {
    font-size: 7vw;
    line-height: 8vw;
}
  
.footer-contact-notice {
    font-size: 16px;
    line-height: 21px;
    width: 96%;
    padding: 0 2%;
}  
  
#wpcf7-f70-o2 {     padding: 2%; }  
  
#footer-contact-form {  width: 96%;
    padding: 2%;
}  
  
#footer-info-inner h2 {  font-size: 2vw;  }
  
  #footer-mail {  font-size: 1.8vw; }
  
}