/* LANDSCAPE COMMON */
#section0BG{background-image:url("../media/section0l.jpg?r2020.53")}
#section1BG{background-image:url("../media/section1l.jpg?r2020.53")}
#section2BG{background-image:url("../media/section2l.jpg?r2020.53")}
#section3BG{background-image:url("../media/section3l.jpg?r2020.53")}
#subBG{background-image:url("../media/section2l.jpg?r2020.53")}
#solItem1{float:left;}
#solItem2{float:center;}
#solItem3{float:right;}
h1{display:block;}
h2{position:absolute;z-index:98;left:0;width:100%;text-align:center;}
h3{width:90%;margin-left:5%;font-weight:bold}
h3{font-size:1em;width:90%;margin-left:5%;font-weight:bold}
.socialDiv,.socialDiv2{display:block;height:30px;margin-bottom:10px;line-height:30px;color:white}
.socialImage{height:20px;border-radius:3px;margin-top:5px;float:left;margin-right:10px}
.portfolio_item p{margin:0;padding:0;font-size:1em; overflow: hidden}
	
/* LANDSCAPE SMALL */
@media (max-width:899px){
	/* GENERAL */
	h1{font-size:1.5em}
	h2{font-size:1.5em;top:20px}
	h3{font-size:1em}
	.layer,#menuInner,#footerInner{width: 90%;margin-left:5%;left:0;}
	.layerTop{display:block;margin:0;padding:0;width: 100%;height:10%;margin-top:10%}
	.hidden{display:none}
	/* MENU */
	#mlogo{color:white;font-family:'Lora', Arial, serif;font-size:1em;display:block;margin:0;padding:0;position:absolute;top:25px;left:0;width:100%}
	#menuOuter{display:none;position:fixed;height:100%;width:40%;top:0;left:0;z-index:99;background-color:rgb(31, 102, 32);opacity:0.95}
	#logo{display:none}
	#menu{display:block;width:100%;padding:0;margin:0;text-align:center;color:lightgrey}
	#menu li{display:block;width:100%;height:40px;line-height:40px;padding:0;margin:0;border-bottom:1px solid white}
	#menu span{display:none;padding:0;margin:0;}
	#menu a{display:block;text-decoration: none; font-weight:bold;padding:0;margin:0;width:100%;height:100%;}
	#menu a div{display:inline-block;padding:0;margin:0;}
	#mobileSwipe{display:inline-block;width:100%;height:100%}
	/* SECTION 0 HOME */
	#section0 h2{font-size:1em}
	/* SECTION 1 SOLUTIONS */
	#solutionsMain{font-size:1em;margin-top:40px;width:100%;margin:0;padding:0; text-align:left}
	.solutionsItem{font-size:1.em;width:30%;margin:0;margin-top:10px;overflow:hidden;text-align:center;display:inline-block;text-align:center;padding:5px;border:2px solid white;}
	.solutionsItem span{display:none}
	.solutionsItem p::before {content: "Explore ";}
	.solutionsItem p{padding:5px;margin:0}
	/* SECTION 2 PORTFOLIO */
	.portfolio_item{width:80%;margin-left:10%;overflow:hidden;text-align:left;padding:0}
	.portfolio_item img{display:none}
	.portfolio_item h3{margin-left:0}
	/* SECTION 3 CONTACT */
	#contactLeft{display:none}
	#contactRight{display:inline-block;width:50%;text-align:left;margin:0;padding:0;}
}

/* LANDSCAPE SKINNY */
@media (max-width:899px) and (max-height:360px){
	ul li:nth-child(1){display:none}
	.solutionsItem{padding:0}
	h3{font-size:0.8em}
	#contactRight{width:90%;}
}

/* LANDSCAPE MEDIUM */
@media (min-width:900px){
	/* GENERAL */
	h1{font-size:2.5em;}
	h2{font-size:2em;top:60px}
	h3{font-size:1.5em;line-height:1em;margin-bottom:5px}
	.layer,#menuInner,#footerInner{width: 840px;margin-left:-420px;left:50%;}
	/* MENU */
	#menuMobileButton{display:none}
	#mlogo{display:none;}
	#menu{display:inline-block;height:40px;width:55%;float:right;padding:0;margin:0;text-align:right;color:lightgrey;font-size:1em;}
	#menu li{display:inline}
	/* SECTION 1 SOLUTIONS */
	#solutionsMain{font-size:1.em; margin-top:40px;margin-left:30px;margin-right:30px;margin-bottom:50px;text-align:left}
	#solutionsMain span{font-weight:bold}
	.solutionsItem{font-size:1.em;width:30%;margin:0;margin-top:20px;overflow:hidden;text-align:center;display:inline-block;text-align:center;padding:10px;border:2px solid white;}
	/* SECTION 2 PORTFOLIO */
	.portfolio_item{width:80%;height:auto;margin-left:10%;overflow:hidden;text-align:left;padding:0;color:white}
	.portfolio_item img{display:inline-block;float:left;margin:0;padding:0;border:1px solid grey;margin-right:20px}
	.portfolio_item p{font-size:1.125em;}
	/* SECTION 3 CONTACT */
	#contactLeft{display:inline-block;width:40%;margin:0;padding:0;float:left;margin-left:5%;text-align:right}
	#contactLeft img{display:inline-block;float:center;width:70%;height:auto; border:1px solid white;border-radius:3px}
	#contactRight{display:inline-block;width:40%;text-align:left;margin:0;padding:0;float:right;margin-right:5%;font-size:1.25em; }
	#footerInner{border-top:2px solid white}
}


/* LANDSCAPE LARGE */
@media (min-width:1200px){
	/* GENERAL */
	h1{font-size:3em}
	h2{font-size:2.5em;top:60px}
	h3{font-size:2em;line-height:1em;margin-bottom:5px}
	.layer,#menuInner,#footerInner{width: 1140px;margin-left:-570px;left:50%;}
	/* MENU */
	#menuMobileButton{display:none}
	#mlogo{display:none;}
	#menu{display:inline-block;height:40px;width:55%;float:right;padding:0;margin:0;text-align:right;color:lightgrey;font-size:1em;}
	#menu li{display:inline}
	/* SECTION 1 SOLUTIONS */
	#solutionsMain{font-size:1.25em;margin:0;margin-top:40px;text-align:left}
	#solutionsMain span{font-weight:bold}
	.solutionsItem{font-size:1.25em;width:30%;margin:0;margin-top:20px;overflow:hidden;text-align:center;display:inline-block;text-align:center;padding:10px;border:2px solid white;}
	/* SECTION 2 PORTFOLIO */
	.portfolio_item{width:70%;height:auto;margin-left:15%;overflow:hidden;text-align:left;padding:0;color:white}
	.portfolio_item img{display:inline-block;float:left;margin:0;padding:0;border:1px solid grey;margin-right:40px}
	.portfolio_item p{font-size:1.25em;}
	/* SECTION 3 CONTACT */
	#contactLeft{display:inline-block;width:40%;margin:0;padding:0;float:left;margin-left:5%;text-align:right}
	#contactLeft img{display:inline-block;float:center;width:70%;height:auto; border:1px solid white;border-radius:3px}
	#contactRight{display:inline-block;width:40%;text-align:left;margin:0;padding:0;float:right;margin-right:5%;font-size:1.25em; }
	#footerInner{border-top:2px solid white}
}