/* CSS Document */

/*when browser goes below 420px wide, the top nav wraps - so add more padding on top to accomodate*/
/* ----------- 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) {
	#video-background {opacity:1;}
	
	#vidpause {display:none;}
	.nav > li > a  {
	font-size:.9em;
	}
	#fl_menu {display:none;}
	.shadow-content .btn-default { /*for side buttons under "Learn More"*/
	font-size:.9em;
	}
	section h3.just-the-facts, section h3.learn-more {
	font-size:1.3em;
	}
	.main-intro {
	background: url('../includes/SPP-Intro-Thumb.png') no-repeat top left fixed !important;
	background-size: cover;	
	}

}
  
  
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
body {
	margin-top: 75px;
}
section {
	padding-top: 100px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
body {
	margin-top: 30px;
}
}