.grid,
.grid-item,
.grid-sizer{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.grid {


}
.grid_container{


}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

/* 3 columns, percentage width */
.grid-item,
.grid-sizer {
  width: 32%;
}

.grid-item {
  float: left;
  height: 200px;
  /*border: 2px solid #333;*/
  border-color: hsla(0, 0%, 0%, 0.7);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  overflow:hidden;


}

.gutter-sizer { width: 2%; }

.grid-item-width2 { width: 66%; }


.overlay{
	width:100%;
	height:100%;
	padding:20px;

	  -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;

}
.overlay:hover{
	background:none !important;
}

.textbox{

	text-shadow: 0px 1px #000;
	width:100%;
	height:100%;
	color:#fff;
	line-height:normal;
}

/*Featured Mobile*/
@media (max-width:768px) {

  .grid-item,
  .grid-item-width2 {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    /*top: 0 !important;*/
    /*clear: both !important;
    position: relative !important;
    margin-top: 15px !important;*/
  }

  span.textFitted.textFitAlignVert {
    font-size: 2em !important;
    top: 50% !important;
  }

  .eap-old-row {
    padding: 5%;
  }
}
