.breadcrumbs, .breadcrumbs a {
	color: #6e6e6e;
}

.bottomLink {
	
	width: 100%;
	text-align: right;
	
}

span {
	
	font-size: 16pt !important;
	
}


.content {
	
	display: flex;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
	
	
}

.content img {
	
	background-color: #EEEEEE;
	padding: 8px;
	border: 1px solid #DDDDDD;

	
}



.content .contentL {
	
	margin-right: 20px;
	min-width: 160px;

}

.contentL img {
	
	max-width: 140px;

}

.content .contentR {
	

	
}

.content a.contentTitle {
	
	font-size: 18pt;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
	
}

.content a.contentTitle:hover {
	
	text-decoration: underline;
	
}

.shortDesc {
	
	
}

.contentLink {
	
	
}

.contentDate {
	
	margin-top: 15px;
	color: #5A7BAD;
	font-size: 11pt;
	padding: 5px;
	border: 1px solid #DDE3EE;
	background-color: #F5F7FA;'
}


@media only screen and (max-width: 500px) {
	
	.mainInner img {
		
		display: block !important;
		margin: 20px auto !important; /* This will center the image horizontally */
		clear: both !important;
		float: none !important; /* This ensures the image has no float */
	
	}
	
	
	
}

@media only screen and (max-width: 400px) {
	
	.content {
		flex-direction: column;
		margin-bottom: 15px;
	}
	
	.content .contentL, .content .contentR {
	
		width: 100%;		
	
	}
	
	
}