/* CSS Document */
img {
  max-width: 100% !important;
  height: auto !important;
  width: auto\9;
  /*IE6-8 but and 9..: ( */
}

.grid_block {
  zoom: 1;
}
.grid_block .cell {
  margin-top: 0;
  margin-bottom: 0px;
  padding: 30px 0;
  /*outline: 1px solid #d6e4e9;text */
  /*padding: 15px 1.5%;//if you want to make margin in each cell, Set padding and subtract (this value x 2 %) from cell width */
}
.grid_block.float_img .cell h1 {
  word-break: break-all !important;
  /*not working..: ( */
}
.grid_block h1 {
  margin-bottom: 0.5em;
  color: #842535;
}
.grid_block.float_img .cell img {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  vertical-align: bottom;
}
.grid_block li.cell {
  padding-left: 0;
  list-style: none;
}
.grid_block .cell {
  zoom: 1;
}
.grid_block:after {
  content: "";
  display: block;
  clear: both;
}
.grid_block .cell:after {
  content: "";
  display: block;
  clear: both;
}
.grid_block .cell p.img_area {
  margin-top: 0;
}

.imghover:hover {
  opacity: 0.5;
}

/*When using SCSS or LESS, Use Inheritance of clearfix */
.grid_block .cell {
  float: left;
  margin-left: 0%;
}
.grid_block .cell .img_area {
  text-align: center;
}
.grid_block .cell .img_area .img_area__text {
  text-align: left;
  color: #dbe4d7;
  text-shadow: none;
  padding: 20px 20px 0px 20px;
}
.grid_block .cell h2 {
  text-align: center;
}
.grid_block.cells2 .cell {
  width: 48.5%;
  width: 4.58% \9;
  /*IE6-8 but and 9.. */
}
.grid_block.cells3 .cell {
  width: 33.33333%;
  width: 33.33333% \9;
}
.grid_block.cells4 .cell {
  width: 25%;
  width: 25% \9;
}
.grid_block.cells5 .cell {
  width: 20%;
  width: 20% \9;
}
.grid_block.cells2 .cell:nth-child(2n+1), .grid_block.cells3 .cell:nth-child(3n+1), .grid_block.cells4 .cell:nth-child(4n+1), .grid_block.cells5 .cell:nth-child(5n+1) {
  /* clear: left; */
  margin-left: 0;
}