.legend {
font-size:12px;
font-weight:bold;
color:#333333;
background-color:#e0e0e0;
padding:2px 5px 2px 2px;
border-bottom:1px solid #333333;
}

.tag {
padding:2px;
font-size:10px;font-family:Arial;color:#333333;background-color:#f9f9f9;
border-bottom:1px solid #333333;
}

.articlesmain {}
.articlesmain .articlemain {float:left; background-size:cover; margin-bottom:35px;}
.articlesmain .textwrap {padding:35px 20px 40px 40px; width:50%; float:right; background:#fff;}
.textwrap:hover {background:rgba(0, 0, 0, 0.80);color:#fff!important;}
.textwrap .badgedate {
	padding:17px;
	background:#111;
	color:#fff;
	width:40px;
	height:35px;
	left:0;
	margin-top:-35px;
	position: absolute;
	text-align:center;
}
.textwrap span.artday {display:block; font-size:24px;}
.textwrap span.artmonth {text-transform:uppercase; display:block; font-size:11px}
.textwrap h2 {margin-bottom:20px;}
.textwrap p {margin-bottom:20px;}
.textwrap a {padding:10px 24px; font-weight:bold; background:#333; color:#fff;display:inline-block;}
.lastrow .articlemain {margin-bottom:0!important;}	
.textwrap span.artday {display:block; font-size:26px!important; line-height:100%;}
.textwrap span.artmonth {text-transform:uppercase; display:block;line-height:90%;}
@media(max-width:900px){
.textwrap h2 {font-size:30px!important;}
.articlesmain .articlemain {margin-bottom:0!important;}
.textwrap .badgedate {border:none!important;}
}
@media(max-width:660px){
.textwrap:hover {background:#333!important;}
.articlesmain .textwrap {margin-top:45%!important; padding: 24px 20px!important; width: auto!important; float: none!important;}
.textwrap .badgedate {display:none!important;}
.textwrap h2 {font-size: 26px !important;}
}
@media(max-width:560px){
.articlesmain {width: 100%!important; margin-bottom:2.5%!important}
.articlesmore {width: 100%!important; margin-left:0!important;}
.articlemain {margin-bottom:2.5%!important}
}