@media screen and (max-width: 1250px) {
body {
	background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	-moz-background-size: cover;
	-wap-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
}
body > article div.wrapper > h1 {
    font-size: 29px;
	text-align: center;
	width:100%;
}
}

@media screen and (max-width: 1100px) {
.wrapper {
	width: 80%;
}
}

@media screen and (max-width: 850px) {
body > article div.wrapper > h1 {
    font-size: 32px;
	text-align: center;
	width:100%;
}
footer div.wrapper > div.inl {
    font-size: 15px;
    text-align: center !important;
    width: 90% !important;
}
footer div.wrapper > div.inl p {
    font-size: 11px;
    padding: 10px 0;
}
body article.formsection{bottom:97px;}
/*body article.formsection, footer{position:relative;}*/

}
@media (orientation: landscape) {
	body article.formsection{
		position:relative;
		bottom:0px;
	}
	footer{position:relative;}
	body > article div.wrapper > h1 {margin-top: 120px;}
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	body > article div.wrapper > h1{
		margin-top: 6px;
	}
	footer{
		position:fixed;
	}
	body article.formsection{position:fixed;bottom:67px;}
}
@media screen and (max-width: 770px) {
.wrapper {
    width: 80%;
}
header {
    text-align: center;
}
body > article div.wrapper > form {
    margin: 0 auto;
}

body > article.formsection .fields{flex-direction: column;}
body > article form{width:auto;padding: 0 15%;}
body > article form h2{font-size: 21px;}
header h1{font-size:21px;}
}

@media screen and (max-width: 600px) {
.wrapper {
    width: 80%;
}
body > article div.wrapper > form {
    width: 90%;
}
body > article div.wrapper > form h2 {
    font-size: 22px;
}
body > article div.wrapper > h1 {
    font-size: 17px;
}
header img {
	max-width: 90%;
}
}

@media screen and (max-width: 420px) {
.wrapper {
    width: 80%;
}
body > article div.wrapper > form {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	-moz-border-radius: 50px;
	-wap-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}
body > article div.wrapper > form > div p {
    font-size: 10px;
}
body > article div.wrapper > h1 {
    font-size: 15px;
    font-weight: 400;
	padding: 0;
}
footer div.wrapper > div.inl h3 {
    font-size: 17px;
}
}