

.cms-wrapper									{ padding:30px 0px; }
.cms-wrapper h2									{ margin:0px 0px 20px 0px; font-size:2em; text-transform:uppercase; }
.cms-wrapper .post								{ padding:20px; }
.cms-wrapper .post a { display:block; }
.cms-wrapper .post .image						{ display:block; float:left; width:300px; }
.cms-wrapper .post .text-wrapper				{ display:block; margin:0px 0px 0px 350px; }
.cms-wrapper .post.no-image .text-wrapper		{ margin:0px 0px 0px 0px; }
.cms-wrapper .post .title						{ display:block; text-transform:uppercase; font-size:1.8em; font-weight:600; }
.cms-wrapper .post .text						{ display:block; margin:20px 0px; font-size:1.1em; line-height:1.1em; }

.cms-wrapper									{ background:#F9F9F9; }
.cms-wrapper h2									{ color:#c10f17; }
.cms-wrapper .post								{ border:5px solid #999999; background:#FFFFFF; }
.cms-wrapper .post .image						{ border:5px solid #efefef; }
.cms-wrapper .post .title						{ color:#333333; }
.cms-wrapper .post .text						{ color:#777777; }



/** RESPONSIVE **/
@media screen and (max-width:700px){
	
	.cms-wrapper .post .image			{ width:200px; }
	.cms-wrapper .post .text-wrapper	{ margin:0px 0px 0px 220px; }
	
}

@media screen and (max-width:600px){
	
	.cms-wrapper .post .image			{ float:none; clear:both; width:100%; }
	.cms-wrapper .post .text-wrapper	{ margin:20px 0px 0px 0px; height:auto !important; }
	
}

@media screen and (max-width:420px){
	
	.cms-wrapper .post .title	{ font-size:1.4em; font-weight:400; }
	
}
