#main-content .black-box, #main-content .red-box {
	float: left;
	padding: 10px;	
	width: 275px;
	font-weight: normal;
	line-height: 1.4em;
	font-size: 14px;
	position: relative;
	min-height: 20px;
	
}

#main-content .black-box {
	background-color: rgb(59,61,63);
	background-color: rgba(59,61,63,0.9);
}

#main-content .red-box {
	background-color: rgb(148,34,49);
	background-color: rgba(148,34,49,0.9);
}

#main-content .black-box h2 {
	color: #f9a223;
	font-weight: bold;
	line-height: 24px;
	font-size: 24px;
	letter-spacing: -1px;
	position: bottom;

}

#main-content .black-box h2 a {
	color: #f9a223;
	text-decoration: none;
}

#main-content .black-box h2 a:hover {
	color: white;
	text-decoration: none;
}


#main-content .red-box h2 {
	color: white;
	font-weight: bold;
	line-height: 24px;
	font-size: 24px;
	letter-spacing: -1px;
	margin-top: 18px;
	position: bottom;

}
#main-content .red-box h2 a {
	color: white;
	text-decoration: none;
}

#main-content .red-box h2 a:hover {
	color: white;
	text-decoration: none;
}



.is-smallscreen #main-content .black-box, .is-smallscreen #main-content .red-box{
	float: none;
	margin-top: 0px;
	padding: 16px;
	width: auto;
	margin-left: 0px; 
	margin-right: 0px; 
}

.fade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
	.fade:hover {
		opacity: 0.8;
	}