/*=====================================

	Ipad Stylesheet to override main 
	
=====================================*/


@media only screen and (max-width: 1110px) and ( min-width: 722px) {

	#hero {
		height: 100vh;
		width: 100%;
		max-width: 100%;
		position: relative;
		background: url(../img/hero-bg.jpg);
		background-size: auto 100% !important;
		overflow: hidden;
	}
   
   
   /* Navigation Styles
   -------------------------------------*/

    #header .nav-container .main-nav li {
        margin-right: .35em;
        margin-left: .35em;
    }

    #header .nav-container .main-nav a {
        font-size: 10px !important;
    }
	
	
}