@media (max-width: 1200px){
	.wrapper, .full .wrapper, main, section {width: 100%;}
	section, footer .wrapper, .full {padding-left: 40px; padding-right: 40px; }
}

@media (max-width: 1000px){
	header .wrapper { display: block;height: 100%;}
	nav li {list-style: none;}
	#logo {padding-left: 40px; font-size: 20px !important;}
	nav { display: block; background: #fff;}
	#banner { height: 300px;}
	.flex-2, footer .wrapper {flex-direction: column;}
	.button {  margin-top: 20px; display: block;}
}

@media (max-width: 900px){
	form {width: 80%;}
}

@media (max-width: 800px){
	#header {height: auto !important; position: relative;}
	nav {position: relative;}
	nav ul {flex-direction: column; padding: 0;}
	nav li {padding: 7px; }
	#logo {padding-left: 40px; font-size: 20px !important;}
	.logo { margin: 15px; height: 100px;}
	#banner { height: 0px; }
	.grid-2 { width: 100%; display: block;}
	.grid-2 div:nth-child(2n+1) { padding: 5px 0px;}
	.grid-2 div:nth-child(2n) {	padding: 0px 10px 20px;}
	form {width: 100%;}
	.formfield {width: 100%}
}