section.news {
}

section.news div.news-wrapper{
	padding:1em;
}
section.news div.news-image {
	position: relative;
	width:100%;
	height:200px;
	background-position: center;
	background-size:cover;
}
section.news div.news-image-overlay {
	position:absolute;
	width: 100%;
	height:40px;
	line-height: 40px;
	bottom:0;
	left:0;
	right:0;
	background-color: rgba(14, 72, 141, 0.8);
	color:#ffffff;
	font-size:1.1em;
	font-weight: 700;
}
section.news div.news-image-overlay .left {
	float:left;
	padding-left:0.5em;
}
section.news div.news-image-overlay .right {
	float:right;
	padding-right:0.5em;
	font-size: 0.8em;
	font-weight: normal;
}

section.news div.news {
	position:relative;
	background: #ffffff;
	height:340px;
	border:1px solid #cccccc;
	text-align: center;
	cursor: pointer;
}
section.news div.news div.news-title {
	padding: 1em 1em 0 1em;
}
section.news div.news-content {
	position:absolute;
	left:0;
	bottom:1em;
	right:0;	
}
section.news div.news h1 {
	text-align: center;
	font-size:1.2em;
	font-weight: 700;
	text-transform: uppercase;
	padding:0;
	margin:0;
}
section.news div.news .news-text {
	margin-top:1em;
	height: 50px;
	overflow: hidden;
	overflow-y: auto;
}

section.news div.news h2 {
	padding:0;
	margin:0;
	text-align: center;
	font-size:1em;
	color: #828282;
}

section.news div.news hr {
	border-color: #0E488D;
	width:80%;
	padding:0;
	margin-top:1em;
	margin-bottom:1em;
}


/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.row-news{
		padding:5em;
		padding-top:1em;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.row-news{
		padding:1em;
	}
}