.projectFocusRow  {
	position: relative;
}


.projectFocusRow{
	border-top:1px solid #ebebeb;
	background-color: #2d556b;
}

.projectFocusRow.withoutBg {
	background: none;
	border: 0 none;
}

.projectFocusRow .row, .projectFocusRow .col-md-12, .projectFocusRow .container{
	width:100%;
	padding:0;
	max-width:1400px;
	margin: 0 auto;
}

.projectFocusRow.withoutBg .row, .projectFocusRow.withoutBg .col-md-12, .projectFocusRow.withoutBg .container{
	width:100%;
	padding:0;
	max-width:1310px;
	margin: 0 auto;
}

.projectFocusRow .col-md-12 > div{
	display:flex;
	flex-wrap: wrap;
}

.projectFocusRow:not(.withoutBg) .projectFocusBox{
	width:33.3333%;
	min-height:268px;
	background-size: cover;
	filter:contrast(130%);
	background-position:center;
	text-decoration: none !important;
}

.projectFocusRow.withoutBg .projectFocusBox{
	padding: 15px;
	width:33.3333%;
}

.projectFocusRow.withoutBg .projectFocusBox .projectFocusBg{
	height:268px;
  background-size: cover;
  filter:contrast(130%);
  background-position:center;
  text-decoration: none !important;
}

@media screen and (min-width:1200px){
		.projectFocusRow .projectFocusBox{
			min-height:320px;
		}
		.projectFocusRow.withoutBg .projectFocusBox .projectFocusBg {
			height:320px;
		}
}

@media screen and (max-width:975px){
		.projectFocusRow .projectFocusBox, .projectFocusRow.withoutBg .projectFocusBox, .projectFocusRow:not(.withoutBg) .projectFocusBox{
			width:50%;
		}
}

@media screen and (max-width:650px){
		.projectFocusRow .projectFocusBox, .projectFocusRow.withoutBg .projectFocusBox, .projectFocusRow:not(.withoutBg) .projectFocusBox{
			width:100%;
		}
		.projectFocusRow.withoutBg .projectFocusBox {
	      padding: 15px 15px 0 15px; 
	    }
	    .projectFocusRow.withoutBg .projectFocusBox:last-child {
	      padding-bottom: 15px;
	    }
}

.projectFocusBox{
	display:flex;
	align-items:center;
	justify-content: center;
	position:relative;
	text-align:center;
}

.projectFocusBox .projectFocusBg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	text-decoration: none;
}

.projectFocusRow.withoutBg .projectFocusBox .projectFocusBg {
	position: relative;
}

.projectFocusBox .projectFocusBg:after{
	content:'';
	opacity:0.65;
	color:white;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0;
	transition:opacity 0.25s ease;
}

.projectFocusBox .projectFocusBg:hover:after{
	opacity:0.80;
}

.projectFocusBox.cancer .projectFocusBg:after{
	background-color:#ec242a;
}
.projectFocusBox.technology .projectFocusBg:after{
	background-color:#f79521;
}
.projectFocusBox.education .projectFocusBg:after{
	background-color:#ccb015;
}
.projectFocusBox.planet .projectFocusBg:after{
	background-color:#3aac49;
}
.projectFocusBox.health .projectFocusBg:after{
	background-color:#3a81c3;
}
.projectFocusBox.physical .projectFocusBg:after{
	background-color:#843b94;
}

.projectFocusBox .inner{
	width: 100%;
	height: 100%;
	color:white;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content: center;
	position:relative;
	text-align:center;
	flex-wrap: wrap;
	flex-direction: column;
}

.projectFocusBox h2{
	font-size:32px;
	line-height: 36px;
	font-weight: normal;
	text-shadow:0 1px 2px rgba(0,0,0,0.4);
	max-width:300px;
	margin:10px 15px 0;
	color: #fff;
}

.projectFocusBox:hover h2{
	text-shadow:0 1px 4px rgba(0,0,0,0.6);
}

.projectFocusBox.cancer h2{
	max-width:200px;
}

.projectFocusBox.planet h2{
	max-width:230px;
}

.projectFocusBox img{
	width:75px;
}