@charset "utf-8";
.clear {
	clear: both
}

#wrapper, .wrapper {
	-moz-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	margin: 0 auto;
	max-width: 100%;
	opacity: 1;
	padding: 0;
	min-width: 1024px;
}

body.is-menu-visible #wrapper{
	opacity: 0.15
}
body.is-menu-visible .wrapper {
	opacity: 0.15
}

@media screen and (max-width: 1980px) {
	#wrapper, .wrapper {
		display: block !important
	}
}

@media screen and (max-width: 1680px) {
	#wrapper, .wrapper {
		/*padding: 3em 8.375em;*/
		display: block
	}
}

@media screen and (max-width: 1280px) {
	#wrapper, .wrapper {
		display: block
	}
}

@media screen and (max-width: 736px) {
	#wrapper, .wrapper {
		padding: 1.5em
	}
}

@media screen and (max-width: 480px) {

			#wrapper, .wrapper {
				padding: 0.5em;
				width: 100%;
				min-width:100%;
			}

		}

@media screen and (max-width:1000px) {
	#wrapper, .wrapper {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex
	}
}

@media screen and (min-width: 1000px) and (max-width:2000px) {
	#wrapper, .wrapper {
		display: block !important;
		display: -moz-block !important;
		display: -webkit-block !important;
		display: -ms-block !important
	}
}

#main {
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-ms-flex: 1;
	margin:25px auto 0 auto;
}

@media screen and (max-width: 480px){
	#main {
	overflow: hidden;
	margin-top:45px;
	width: 100%;
	min-width:100%;
	    padding: 0 .5em;
}
}