@charset "utf-8";

/* CSS Document */

@media only screen and (min-width:1121px) and (max-width:1600px) {
.right {
	margin-top: -9%;
}
}
 @media only screen and (min-width:960px) and (max-width:1120px) {
.both {
	width: 100%;
}
.logo h2 {
	margin-left: 70px;
}
.left {
	width: 50%;
	margin-left: 6%;
}
.right {
	width: 40%;
	margin-right: 4%;
	margin-top: -9%;
}
}
 @media only screen and (min-width:768px) and (max-width:959px) {
.logo h2 {
	margin-left: -7%
}
.both {
	width: 90%;
}
.right {
	width: 435px;
	float: none
}
.left {
	display: none;
}
.logo {
	text-align: center;
	margin-left: 8%;
	margin-bottom: 7%;
}
.logo h2 {
	margin-left: -10%;
}
}
 @media only screen and (max-width: 767px) and (min-width: 480px) {
.logo h2 {
	margin-left: -7%
}
.both {
	width: 90%;
}
.right {
	width: 360px;
	float: none
}
.left {
	display: none;
}
.logo {
	text-align: center;
	margin-left: 8%;
	margin-bottom: 7%;
}
.logo h2 {
	margin-left: -6%;
}
}
 @media only screen and (max-width: 479px) and (min-width: 380px) {
.both {
	width: 90%;
}
.right {
	width: 325px;
	float: none
}
.left {
	display: none;
}
.logo {
	text-align: center;
	margin-left: 8%;
	margin-bottom: 7%;
}
.logo h2 {
	margin-left: -6%;
}
}
 @media only screen and (max-width: 379px) {
.both {
	width: 90%;
}
.right {
	width: 240px;
	float: none
}
.left {
	display: none;
}
.logo h2 {
	margin-left: -6%;
}
.logo {
	text-align: center;
	margin-left: 8%;
	margin-bottom: 7%;
}
}