@charset "utf-8";
/* CSS Document */
body {
	-webkit-text-size-adjust: 100%;
}
#news-container {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	position: relative;
	clear: both;
	padding: 20px 0px 70px 0px;
}
#news-container #headline {
	width: 100%;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}
#news-container #headline #media-logo {
	position: absolute;
	top: 30px;
	left: 0;
	/*float:left;*/
	width: 250px;
	height: 250px;
	/*margin: 20px 0px 0px 0px;*/
}
#news-container #headline #media-logo img.media {
	width: 250px;
	height: 250px;
}
#news-container #headline #heading {
	position: absolute;
	top: 20px;
	left: 250px;
	width: auto;
	height: 110px;
	padding: 0px 0px 0px 0px;
}
#news-container #headline #heading  h1{
	padding: 40px 0px 0px 50px;
}
#news-container #headline #heading  h3{
	padding: 0px 0px 0px 50px;
}
#news-container #headline #news-source {
	position: absolute;
	top: 130px;
	left: 250px;
	width: auto;
	height: 150px;
	padding: 0px 0px 0px 0px;
}
#news-container #headline #news-source p {
	padding: 10px 0px 0px 50px;
}
#news-container #headline #news-source a {
	text-decoration:none;
	color:#000;
	font-weight:100;
}
#news-container #headline #news-source a:hover {
	text-decoration:none;
}
#news-container #news-text {
	width:100%;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#news-container #news-text P {
	line-height: 150%;
	padding: 10px 0px 15px 0px;
}
#news-container #news-text a {
	font-weight:bold; 
	color:#00F;
	text-decoration:none; 
}
#news-container #news-text a:hover {
	text-decoration:none; 
}
@media screen and (max-width: 1024px){
	#news-container {
		width: 95%;
		padding: 20px 0px 70px 0px;
	}
	#news-container #headline {
		height: 200px;
	}
	#news-container #headline #media-logo {
		position: absolute;
		top: 30px;
		left: 0;
		width: 150px;
		height: 150px;
		padding: 0px 0px 0px 0px;
	}
	#news-container #headline #media-logo img.media {
		width: 150px;
		height: 150px;
	}
	#news-container #headline #heading {
		position: absolute;
		top: 20px;
		left: 150px;
		width: auto;
		height: 90px;
		padding: 0px 0px 0px 0px;
	}
	#news-container #headline #heading  h1{
		font-size:26px;
		padding: 20px 0px 0px 30px;
	}
	#news-container #headline #heading  h3{
		padding: 0px 0px 0px 30px;
	}
	#news-container #headline #news-source {
		position: absolute;
		top: 110px;
		left: 150px;
		width: auto;
		height: 70px;
		padding: 0px 0px 0px 0px;
	}
	#news-container #headline #news-source p {
		line-height: 100%;
		padding: 0px 0px 0px 30px;
	}
	#news-container #news-text p {
		/*padding: 0px 0px 20px 0px;*/
	}
}
@media screen and (max-width: 480px) {
	#news-container {
		width: 95%;
		padding: 20px 0px 70px 0px;
	}
	#news-container #headline {
		height: 140px;
		margin: 0px 0px 20px 0px;
	}
	#news-container #headline #media-logo {
		position:absolute;
		top: 110px;
		left: 0px;
		width: 80px;
		height: 70px;
		padding: 0px 0px 0px 10px;
		margin: 0px 0px 0px 0px;
	}
	#news-container #headline #media-logo img.media {
		width: 70px;
		height: 70px;
	}
	#news-container #headline #heading {
		position:absolute;
		top: 20px;
		left: 0px;
		width: 100%;
		height: 50px;
		padding: 0px 0px 0px 0px;
	}
	#news-container #headline #heading  h1 {
		font-size:22px;
		padding: 0px 0px 0px 10px;
	}
	#news-container #headline #heading  h3 {
		font-size:18px;
		padding: 0px 0px 0px 10px;
	}
	#news-container #headline #news-source {
		position:absolute;
		top: 110px;
		left: 80px;
		width: auto;
		height: 70px;
		padding: 0px 0px 0px 0px;
	}
	#news-container #headline #news-source p {
		font-size:14px;
		padding: 0px 0px 0px 10px;
		line-height: 100%;
	}
	#news-container #headline #news-source a {
		text-decoration:none;
	}
	#news-container #news-text {
		width:95%;
		margin: 0px auto 0px auto;
	}
	#news-container #news-text p {
		padding: 10px 0px 10px 0px;
	}
}
