@charset "utf-8";
/* CSS Document */

h1 {font-family:  Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-style: italic;
}
.vert_respons_ad {
	width: 300px;
	height:500px;
	border: 1px solid green;
	float: right;
	margin-left: 10px;
}
.banner_rec  {
	width: 100%;
	height: 90px;

}
.banner_ad   {
	width: 728px;
	height: 90px;
	float: right;
	margin-right: 10%;
	margin-left: 10px;
	border: 1px solid blue;
}
.banner_sm_ad   {
	width: 400px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	display: none;
	border: 1px solid blue;
}
.logo	{
	width: 191px;
	height: 89px;
	margin-left: 5%;

}
.banner_title  {
	position: absolute;
	width: 400px;
	height: 100px;
	color: #07BC29;
	margin-top: -25%;
	margin-left: 10%;

}
.banner_title2  {
	position: absolute;
	width: 300px;
	height: 100px;
	color: #E4F639;
	margin-top: -12%;
	margin-left: 50%;

}


@media (max-width: 1205px)  {
	.logo {
		display: none;
	}

	.banner_ad {
		float: none;
		margin-left: auto;
		margin-right: auto;
}
}
	@media (max-width: 1000px)  {
		.banner_title2 {
			margin-top: -30%;
			margin-left: 15%;
		}
	}
		@media (max-width: 993px)  {
		.banner_title2 {
			margin-top: -24%;
			margin-left: 5%;
		}

		}
			@media (max-width: 875px)  {
		.banner_title2 {
			margin-top: -24%;
			margin-left: 5%;
		}	

			}
@media (max-width: 800px)  {
	.banner_ad  {
					display: none;
				}
	.banner_sm_ad {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
}
				@media (max-width: 750px)  {
		.banner_title2 {
			margin-top: -27%;
			margin-left: 4%;
		}
		.banner_title2 h1 {
			font-size: 2em;
					}

					
				}
		@media (max-width: 600px)  {

			.banner_title2 {
			margin-top: -20%;
			margin-left: 5%;
		}
			.banner_title2 h1 {
			font-size: 1.7em;
					}
			.rightphotos, .leftphotos  {
				float: none;
				margin-left: auto;
				margin-right: auto;
				width: 400px;
				height: 266px;
			}
			.rightphotos img, .leftphotos img {
			width: 400px;
				height: 266px;
			}
	}
@media (max-width: 500px)  {
		.banner_title2 {
			margin-top: -20%;
			margin-left: 5%;
		}
}
@media (max-width: 400px)  {
		.banner_title2 {
			margin-top: -20%;
			margin-left: 5%;
		}
}