@charset "utf-8";
/* CSS Document */

.wrapper-resources {
	margin: 0 auto;
	max-width: 1075px;
	position: relative
}

.grid-col-100 {
	width: 100%;
	float: none
}
.grid-col-50_inner {
	width: 50%;
	float:left;
}
.grid-col-50_right {
	width: 50%;
	float:right;
}
.grid-col-50 {
	width: 50%;
	float:left;
}

.height-370 {height:379px;}
.height-275 {height:274px;}
.caption {
	position: relative;
	line-height: normal
}
.caption .caption_grid {
	position: absolute;
	left: 20px;
	top:20px;
/*	bottom: 0;
	right: 0;*/	
	font-weight: 300;
	line-height: normal;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	z-index: 1;
	/*padding: 340px 0 18px 23px*/
}
.grid-col-50a {height:274px;}
@media (min-width: 1024px) and (max-width:1199px) {
	.height-370 {height:331px;}
.height-275 {height:240px;}
.grid-col-50a {height:240px;}
}
@media (min-width: 992px) and (max-width:1023px) {
	.height-370 {height:331px;}
.height-275 {height:240px;}
.grid-col-50a {height:240px;}

}
@media (min-width: 768px) and (max-width:991px) {
	.height-370 {height:254px;}
.height-275 {height:184px;}
.grid-col-50a {height:184px;}
}
@media (min-width: 381px) and (max-width:584px) {
	.height-370a {height:254px;}
}
@media (min-width: 320px) and (max-width:584px) {
	.height-370 {height:auto;}
.height-275 {height:auto;}
}
@media (min-width: 574px) and (max-width:584px) {
	.grid-col-50a {height:274px;}
}
@media (min-width: 554px) and (max-width:573px) {
	.grid-col-50a {height:269px;}
}
@media (min-width: 534px) and (max-width:553px) {
	.grid-col-50a {height:258px;}
}
@media (min-width: 514px) and (max-width:533px) {
	.grid-col-50a {height:248px;}
}
@media (min-width: 494px) and (max-width:513px) {
	.grid-col-50a {height:238px;}
}
@media (min-width: 474px) and (max-width:493px) {
	.grid-col-50a {height:227px;}
}
@media (min-width: 434px) and (max-width:473px) {
	.grid-col-50a {height:217px;}
}
@media (min-width: 394px) and (max-width:433px) {
	.grid-col-50a {height:197px;}
}
@media (min-width: 350px) and (max-width:393px) {
	.grid-col-50a {height:176px;}
}
@media (min-width: 300px) and (max-width:349px) {
	.grid-col-50a {height:154px;}
}
@media (max-width:767px) {
	.grid-col-50 {
	width: 100%;
	float:left;
}
.grid-col-50 img {width:100%;
}
}