.grid-item {
  float: left;
  height: auto;
}



.grid-item--width2 { width: 40%; }
.grid-item--height2 { height: 200px; }

.blog-content * details:focus {
    outline: -webkit-focus-ring-color auto 0px;
}


@media (min-width : 8px) and (max-width : 770px) {
  .grid-item,
  .grid-sizer {
    width: 90%;
  }
}

@media (min-width : 771px) and (max-width : 989px) {
  .grid-item,
  .grid-sizer {
    width: 42% !important;
  }
}


@media (min-width : 990px) and (max-width : 1199px) {
  .grid-item,
  .grid-sizer {
    width: 45% !important;
  }
}


@media (min-width : 1200px) and (max-width : 111900px) {
  .grid-item,
  .grid-sizer {
    width: 45% !important;
  }
}