/* PORTAITIT COMMON */
h3{font-size:1em;width:90%;margin-left:5%;font-weight:bold}
.portfolio_item p{width:90%;margin:0;padding:0;margin-left:5%;overflow: hidden;text-align:left;}
#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")}

/* PORTAITIT SMALL */
@media (max-width:599px){
	/* GENERAL */
	h1{font-size:1.75em;display:block;}
	h2{font-size:1em;position:absolute;z-index:99;left:0;top:20px;width:100%;text-align:center;}
	.layer,#menuInner,#footerInner{width: 90%;margin-left:5%;}
	.hidden{display:none}
	/* MENU */
	#mlogo{color:white;font-family:'Lora', Arial, serif;font-size:1em;display:block;margin:0;padding:0;position:absolute;top:30px;left:0;width:100%}
	#menuOuter{display:none;position:fixed;height:100%;width:50%;top:0;left:0;z-index:99;background-color:rgb(31, 102, 32);opacity:0.95}
	#menuInner{position: absolute;z-index:1;width:100%;height:100%;top:0;left:0;margin:0}
	#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;width:100%;margin:0;padding:0; margin-top:25px;text-align:left}
	#solutionsBulletpointFirst{display:none}
	.solutionsItem{width:100%;margin:0;overflow:hidden;display:block;text-align:center;padding-top:5px;border:2px solid white;margin-top:5px}
	.solutionsItem span{display:none}
	.solutionsItem p::before {content: "Explore ";}
	.solutionsItem p{padding:5px;margin:0}
	/* SECTION 2 PORTFOLIO */
	.portfolio_item{width:85%;height:auto;margin-left:10%;overflow:hidden;text-align:left;padding:0;color:white}
 	.portfolio_item h3{text-align:left !important}
	.portfolio_item img{display:none}
	.fp-controlArrow.fp-prev{padding:5px !important}
	.fp-controlArrow.fp-next{padding:5px !important}
	/* SECTION 3 CONTACT */
	#contactLeft{display:block;width:90%;margin:0;padding:0;margin-left:5%;text-align:left}
	#contactLeft img{display:block;width:90%;height:auto;margin-left:5%;border-radius:3px}
	#contactRight{display:block;width:90%;margin:0;padding:0;margin-left:5%;margin-top:20px;text-align:center;font-size:1.25em; }
	.socialDiv{display:block;width:100%;text-align:center;height:30px;margin-bottom:10px;line-height:30px;color:white}
	.socialDiv2{display:inline-block;height:50px }
	.socialImage{height:40px;border-radius:3px;float:left;margin-top:10px;margin-left:10px;margin-right:10px}
	.socialDiv .socialImage{display:none}
	.hideSmall{display:none}
	#contactBottom span{display:none}
}
 
/* PORTAITIT MEDIUM */
@media (min-width:600px){
	/* GENERAL */
	h1{font-size:3.75em;display:block;}
	h2{font-size:1.75em;position:absolute;z-index:98;left:0;top:60px;width:100%;text-align:center;}
	.layer,#menuInner,#footerInner{width: 540px;margin-left:-270px;left:50%;}
	.hidden{display:none}
	/* 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:0.8em;}
	#menu li{display:inline}
	/* SECTION 0 HOME */
	#section0 h2{position:relative;color:white;text-shadow:2px 2px 0 black,-1px -1px 0 #000,  1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;top:20px}
	/* SECTION 1 SOLUTIONS */
	#solutionsMain{font-size:1em;width:100%;margin:0;padding:0; margin-top:25px;text-align:left}
	.solutionsItem{width:100%;margin:0;overflow:hidden;display:block;text-align:center;padding-top:5px;border:2px solid white;margin-top:25px}
	/* SECTION 2 PORTFOLIO */
	.portfolio_item{width:60%;height:auto;margin-left:20%;overflow:hidden;text-align:left;padding:0;color:white}
 	.portfolio_item h3{text-align:left !important}
	.portfolio_item img{display:block;width:90%;float:center;margin:0;padding:0;margin-bottom:20px;border:1px solid grey;margin-left:5%;}
	.portfolio_item p{font-size:1.25em;}

	/* SECTION 3 CONTACT */
	#contactLeft{display:block;width:60%;margin:0;padding:0;margin-left:20%;text-align:left}
	#contactLeft img{display:block;width:100%;height:auto; border:1px solid white;border-radius:3px}
	#contactRight{display:block;width:60%;margin:0;padding:0;margin-top:20px;margin-left:20%;text-align:left;font-size:1.25em; }
	.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}
	#footerInner{border-top:2px solid white}
}

/* PORTAITIT LARGE */
@media (min-width:900px){
	/* GENERAL */
	h1{font-size:5em;display:block;}
	h2{font-size:2.75em;position:absolute;z-index:98;left:0;top:60px;width:100%;text-align:center;}
	.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}
	#menu li{display:inline}
	/* SECTION 0 HOME */
	#section0 h2{position:relative;color:white;text-shadow:2px 2px 0 black,-1px -1px 0 #000,  1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;top:20px}
	/* SECTION 1 SOLUTIONS */
	#solutionsMain li {margin-bottom:10px}
	#solutionsMain{font-size:1em;width:100%;margin:0;padding:0; margin-top:40px;text-align:left}
	.solutionsItem{width:100%;margin:0;overflow:hidden;display:block;text-align:center;padding-top:5px;border:2px solid white;margin-top:25px}
	/* SECTION 2 PORTFOLIO */
	.portfolio_item{width:60%;height:auto;margin-left:20%;overflow:hidden;text-align:left;padding:0;color:white}
 	.portfolio_item h3{text-align:left !important}
	.portfolio_item img{display:block;width:90%;float:center;margin:0;padding:0;margin-bottom:40px;border:1px solid grey;margin-left:5%;}
	.portfolio_item p{font-size:1.25em;}
	/* SECTION 3 CONTACT */
	#contactLeft{display:block;width:60%;margin:0;padding:0;margin-left:20%;text-align:left}
	#contactLeft img{display:block;width:100%;height:auto; border:1px solid white;border-radius:3px}
	#contactRight{display:block;width:60%;margin:0;padding:0;margin-top:20px;margin-left:20%;text-align:left;font-size:1.25em; }
	.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}
	#footerInner{border-top:2px solid white}
}