@charset "utf-8";
/* CSS Document */
	
.contentbg{
	width:85%;
	height:1450px;
	margin-left:auto;
	margin-right:auto;
}

.title{
	width:100%;
	height:auto;
	margin-top:0%;
	float:left;
}

.title h1{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:50px;
	color:#333;
	text-align:left;
	margin-top:8%;
	margin-left:8%;
	margin-bottom:10px;
}

.content1{
	width:40%;
	height:auto;
	float:left;
	margin-top:3%;
	margin-bottom:5%;
	margin-left:5%;
}

.content1 img{
	width:90%;
	height:auto;
	margin-top:10px;
	border:6px solid #fff;
	box-shadow: 0px 3px 10px rgba(102,102,102,0.3);
}

.content2{
	width:43%;
	height:auto;
	border:5px solid #666;
	float:left;
	margin-left:6%;
	margin-top:4%;
	margin-bottom:10%;
}

.content2 p{
	padding-left:5%;
	padding-right:5%;
	margin-top:10%;
	margin-bottom:40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	line-height:25px;
	text-align:justify;
}

.content2 a{
	width:140px;
	height:35px;
	border:3px solid rgb(70,132,193);
	border-radius:8px;
	margin-left:5%;
	margin-bottom:10%;
	float:left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:22px;
	color:rgb(70,132,193);
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
}

.content2 a:hover{
	background-color:rgb(70,132,193);
	color:#fff;
	text-decoration:none;
}


@media screen and (max-width: 1920px) and (min-width: 1600px) {
	.contentbg{
		height:1380px;
	}
	
	.content1{
		width:35%;
		height:auto;
		margin-left:10%;
	}
	
	.content1 img{
		margin-left:5%;
	}
	
	.content2{
		width:35%;
		height:auto;
		margin-left:8%;

	}
	
	.title h1{
		font-size:65px;
		margin-left:10%;
	}
	
}
 

@media only screen and (max-width: 1200px) and (min-width: 901px),
 only screen and (max-width: 900px) and (min-width: 769px){
	.contentbg{
		height:1380px;
	}
	
	.content1{
		width:45%;
		height:auto;
		margin-left:0%;
	}
	
	.content1 img{
		width:100%;
		margin-left:0%;
	}
	
	.content2{
		width:45%;
		height:auto;
		margin-left:8%;

	}
	
	.title h1{
		font-size:50px;
	}
	
 }
 
@media only screen and (max-width: 768px) and (min-width: 481px){
	.contentbg{
		width:80%;
		height:2200px;
	}
	
	.content1{
		float:none;
		width:100%;
		height:auto;
		margin-left:0px;
	}
	
	.content1 img{
		width:100%;
	}
	
	.content2{
		width:100%;
		height:auto;
		margin-left:0px;
		margin-bottom:80px;
		margin-top:40px;
	}
	
	.title h1{
		font-size:40px;
	}
}

@media only screen and (max-width: 480px) and (min-width: 321px){
	.contentbg{
		height:2300px;
	}
	
	.content1{
		float:none;
		width:100%;
		height:auto;
		margin-left:0px;
	}
	
	.content1 img{
		width:100%;
	}
	
	.content2{
		width:100%;
		height:auto;
		margin-left:0px;
		margin-bottom:80px;
		margin-top:40px;
	}
	
	.title h1{
		font-size:28px;
	}
}

@media only screen and (max-width: 320px) {
	.contentbg{
		height:2300px;
	}
	
	.content1{
		float:none;
		width:100%;
		height:auto;
		margin-left:0px;
	}
	
	.content1 img{
		width:100%;
	}
	
	.content2{
		width:100%;
		height:auto;
		margin-left:0px;
		margin-bottom:80px;
		margin-top:40px;
	}
	
	.title h1{
		font-size:28px;
	}
	
	.content2 p{
		font-size:16px;
	}
}