@media only screen and (min-width : 1366px) {
	h1 {font-size: 4em;}
	h2 {font-size: 1.8em; margin-bottom: 20px; }
	.logo img {width: 9%;}
	.text {top: 22%;}
}

@media only screen and (max-width : 1365px) {
	.text {top: 20%;}
	h1 {font-size: 3.3em;}
	h2 {font-size: 1.5em;}
	.logo img {width: 9%;}
}

@media only screen and (max-width : 1112px) {
	.text {top: 22%;}
	h1 {font-size: 2.8em; line-height: 1.15em; margin: 0.5em 0;}
	h2 {font-size: 1.3em;}
	.logo img {width: 10%;}
	.fb {top: 50px; width: 33px;}
}

@media only screen and (max-width : 800px) {
	h1 {font-size: 2.0em; line-height: 1.15em; margin: 0.5em 0;}
	h2 {font-size: 1.0em; margin: 0.5em 0;}
	.contact {margin: 50px auto 80px auto;}
	.text1 {font-size: 0.8em;}
	.bg {height: 42%;}
	.footer {padding: 20px 0 130px 0;}
	.fb {top: 21px; width: 30px;}
	.text {top: 12%;}
	.footer {top: 46%;}
	.logo img {width: 18%;}
}

@media only screen and (max-width : 414px) {
	h1 {font-size: 1.9em; line-height: 1.1em;}
	h2 {font-size: 1.0em; padding: 0 20px;}
	.bg {height: 44%;}
	.footer {top: 46%;}
	.text {top: 8%;}
	.fb {top: 20px; width: 25px;}
	.contact {margin: 30px auto 80px auto;}
	.logo img {width: 22%;}
}

@media only screen and (max-width : 340px) {
	h1 {font-size: 1.6em; line-height: 1.1em;}
	h2 {font-size: 0.8em; line-height: 1.2em; padding: 0 30px;}
	.bg {height: 44%;}
	.footer {top: 46%;}
	.text {top: 8%;}
	.fb {top: 20px; width: 25px;}
	.contact {margin: 30px auto 80px auto;}
	.logo img {width: 22%;}
}