@charset "utf-8";
.contener {
	width:960px;
}
.logo-area {
	width:200px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:20px 30px 20px 0px;
}
.news-tab-area {
	width:22%;
	float:left;
	padding:2% 1%;
	margin:85px 1%;
}
.news-tab-area a h2 {
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:22px !important;
	line-height:34px !important;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	padding:10px;
	text-shadow:#595959 0px 1px 1px;
}
.news-tab-area a h2:hover {
	text-decoration:none;
}
@media screen and ( max-width: 850px ) {
	.contener {
		width:96%;;
	}
	.logo-area {
		width:180px;
		height:auto;
		overflow:hidden;
		float:left;
		margin:10px 10px 10px 0px;
	}
	.college-name-area {
		width:350px;
	}
	.bethun-logo {
		width:100px;
		float:right;
		height:auto;
		overflow:hidden;
		margin:0px;
	}
	.news-tab-area {
		width:48%;
		float:left;
		padding:2%;
		margin:1%;
	}
	.news-tab-area h1 {
		font-size:30px;
	}
}
@media screen and ( max-width: 670px ) {
	article {
		background-image:url(../images/artical-area-bg.jpg);
		background-repeat:no-repeat;
		background-position:bottom right;
		background-size:cover;
	}
	.logo-area {
		width:180px;
		height:auto;
		overflow:hidden;
		float:none;
		margin:10px auto;
	}
	.college-name-area {
		width:92%;
		float:none;
		margin:10px auto;
	}
	.bethun-logo {
		width:100px;
		float:none;
		margin:10px auto;
	}
	.txt-area h1 {
		font-size:30px !important;
		line-height:42px;
		font-weight:bold;
		text-align:center;
		height:auto;
		overflow:hidden;
	}
	.news-tab-area {
		width:96%;
		float:none;
		padding:2%;
		margin:2% auto;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100&0.85+0,0.85+100 */
		background: -moz-linear-gradient(top, rgba(201,222,150,0.45) 0%, rgba(138,182,107,0.65) 44%, rgba(57,130,53,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(201,222,150,0.45) 0%,rgba(138,182,107,0.65) 44%,rgba(57,130,53,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(201,222,150,0.45) 0%,rgba(138,182,107,0.65) 44%,rgba(57,130,53,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c9de96', endColorstr='#d9398235',GradientType=0 ); /* IE6-9 */
	}
	.news-tab-area h1 {
		font-size:30px;
	}
}