/***************************************************
	DESIGNER TEST
***************************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
/*@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);*/

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

/*
Red		- #cc0033
Blue	- #003366
Gray	- #333333
*/

/***************************************************
	BLOCKS SEVEN
***************************************************/
.blocksSeven {
	display:block;
	/*padding:10px 33px;*/
	padding:3px;
	background:#fff;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
}
.blocksSeven .row {
	margin-left:0;
	margin-right:0;
}
.blocksSeven .row > div {
	padding:0;
}
.blocksSeven .blockEach {
	display:block;
	position:relative;
	background:#0c274b;
	border:3px solid #fff;
}
.blocksSeven .blockEach h2 {
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:5;
	color:#fff;
	text-shadow:2px 2px 3px #000;
	margin:0;
	padding:0;
	font-weight:500;
}
.blocksSeven .blockEach img {
	opacity:.3;
}
.blocksSeven .blockEach:hover img {
	opacity:.9;
}


/******************************************************************
	RESPONSIVE STYLING
******************************************************************/
@media (min-width: 979px) and (max-width: 1199px) {
.blocksSeven .blockEach h2 {
	font-size:26px;
}
	
}
@media (min-width: 769px) and (max-width: 979px) {
.blocksSeven .blockEach h2 {
	font-size:26px;
}
.blocksSeven .blockEach img {
	opacity:.7;
}
	
}
@media (max-width: 768px) {
.blocksSeven .blockEach h2 {
	font-size:30px;
}
.blocksSeven .blockEach img {
	opacity:.7;
}

}

/***************************************************
	.end
***************************************************/