.main{
	margin:0 auto;
	margin-top:85px;
	padding-bottom:50px;
	width:65%;
}

#info{
	width:100%;
	text-align:left;
	font-size:23px;
	color:#000;
	line-height: 35px;
	border-bottom:2px solid #FF6600;
	margin-bottom:50px;
	padding-bottom:25px;
}

#info h1{
	font-size:26px;
	font-weight:bold;
	color:#FFF;
	
}

#info a{
	color:#000;
	font-weight: bold;
	text-decoration:none;
}

#info a:hover{
	color:#FFF;
}

#info li{
	color:#EEE;
	list-style-type: none;
}

#info li p{
	color:#000;
}

#img{
	width:100%;
	padding-top:50px;
}

#self{
	width:300px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
}

#logo{
	width:60%;
	margin:50px 20% 30px 20%;
}

@media screen and (max-width: 768px){
	#logo{
		margin:15px 20% 5px 20%;
	}

	.main{
		width:95%;
	}
	#info{
		font-size:12px;
		line-height:15px;
	}

	#info h1{
		font-size:14px;
	}

	#self{
		width:100px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	#logo{
		margin:20px 20% 10px 20%;
	}

	.main{
		width:90%;
	}
	#info{
		font-size:16px;
		line-height:25px;
	}

	#info h1{
		font-size:20px;
	}

	#self{
		width:200px;
	}
}

@media screen and (max-width: 1500px) and (min-width: 1024px){
	#logo{
		margin:30px 20% 20px 20%;
	}

	.main{
		width:80%;
	}
	#info{
		font-size:18px;
		line-height:30px;
	}

	#info h1{
		font-size:22px;
	}

	#self{
		width:250px;
	}
}