/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
#hero {height: 94vh; min-height: 94vh; }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#hero {height: 94vh; min-height: 94vh; }

}


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
 #hero {height: 150vh; min-height: 150vh; }  
   .row .columns img#waypopintIn {
    max-width: 80%;
	margin-top: 30vh;
}
#hero-bg {
    background-size: auto 90%;
}
.about {
    background-size: 70% auto;
}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
 #hero {height: 94vh; min-height: 94vh; } 

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#hero {height: 94vh; min-height: 94vh; }

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  #hero {height: 150vh; min-height: 150vh; }  
   .row .columns img#waypopintIn {
    max-width: 80%;
	margin-top: 30vh;
}
#hero-bg {
    background-size: auto 90%;
}
.about {
    background-size: 70% auto;
}
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  #hero {height: 94vh; min-height: 94vh; }

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    
#hero {height: 94vh; min-height: 94vh; }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
   #hero {height: 150vh; min-height: 150vh; }  
   .row .columns img#waypopintIn {
    max-width: 80%;
	margin-top: 30vh;
}
#hero-bg {
    background-size: auto 90%;
}
.about {
    background-size: 70% auto;
}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    
#hero {height: 94vh; min-height: 94vh; }

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
#hero {height: 94vh; min-height: 94vh; }

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
#hero {height: 150vh; min-height: 150vh; }  
   .row .columns img#waypopintIn {
    max-width: 80%;
	margin-top: 30vh;
}
#hero-bg {
    background-size: auto 90%;
}
.about {
    background-size: 70% auto;
}
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  #hero {height: 94vh; min-height: 94vh; }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
#hero {height: 94vh; min-height: 94vh; }
.row .columns img.dip {
    max-width: 220px;
}
.sl-prev { display:none !important; }
.sl-next { display:none !important; }
.slidecopy {
    margin-top: 0%;
    width: 100%;
    margin-left: 0%;
}
.slider .slick-dots { display:block !important; bottom:-100px; }
.slider .one.columns { display:none;}
.slider .three.columns {
    width: 26%;
}
.slider .three.columns {
    width: 43%;
}
.row .columns img.slide-divide {
    max-height: 160px;
}
.about .five.columns {
    width: 48%;
}
.about .seven.columns {
    width: 48%;
}
.about {
    background-position: 260px 100%;
}
.about {
    background-size: auto 70%;
}
#hero .valign_child {
    vertical-align: top;
}
.row .columns img#waypopintIn {
   margin-top: 30vh;
    max-width: 150%;
}
#hero-bg {
    background-position: 100% 80%;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
#hero {height: 94vh; min-height: 94vh; }
.about {
    background-size: auto 90%;
}
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  #hero {height: 94vh; min-height: 94vh; }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  #hero {height: 94vh; min-height: 94vh; }
.row .columns img.dip {
    max-width: 220px;
}
.sl-prev { display:none !important; }
.sl-next { display:none !important; }
.slidecopy {
    margin-top: 0%;
    width: 100%;
    margin-left: 0%;
}
.slider .slick-dots { display:block !important; bottom:-100px; }
.slider .one.columns { display:none;}
.slider .three.columns {
    width: 26%;
}
.slider .three.columns {
    width: 43%;
}
.row .columns img.slide-divide {
    max-height: 160px;
}
.about .five.columns {
    width: 48%;
}
.about .seven.columns {
    width: 48%;
}
.about {
    background-position: 260px 100%;
}
.about {
    background-size: auto 70%;
}
#hero .valign_child {
    vertical-align: top;
}
.row .columns img#waypopintIn {
    margin-top: 30vh;
    max-width: 150%;
}
#hero-bg {
    background-position: 100% 80%;
}
  }


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
#hero {height: 94vh; min-height: 94vh; }
.about {
    background-size: auto 90%;
}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#hero {height: 94vh; min-height: 94vh; }	
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#hero {height: 94vh; min-height: 94vh; }
.row .columns img.dip {
    max-width: 220px;
}
.sl-prev { display:none !important; }
.sl-next { display:none !important; }
.slidecopy {
    margin-top: 0%;
    width: 100%;
    margin-left: 0%;
}
.slider .slick-dots { display:block !important; bottom:-100px; }
.slider .one.columns { display:none;}
.slider .three.columns {
    width: 26%;
}
.slider .three.columns {
    width: 43%;
}
.row .columns img.slide-divide {
    max-height: 160px;
}
.about .five.columns {
    width: 48%;
}
.about .seven.columns {
    width: 48%;
}
.about {
    background-position: 260px 100%;
}
.about {
    background-size: auto 70%;
}
#hero .valign_child {
    vertical-align: top;
}
.row .columns img#waypopintIn {
    margin-top: 30vh;
    max-width: 150%;
}
#hero-bg {
    background-position: 100% 80%;
}
  }


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
#hero {height: 94vh; min-height: 94vh; }
.about {
    background-size: auto 90%;
}
}