* {
  box-sizing: border-box;
}
/*body {
  font-family: sans-serif;  
}
 
/* ---- grid ---- */
.grid {
  /*background: #DDD;*/
  max-width: 1472px;
  margin: 0 auto;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */
.grid-item {
  float: left;
  width: 184px;
  height: 184px;
  /*background: #0D8;*/
  border: 4px solid #fff;
  /*border-color: hsla(0, 0%, 0%, 0.7);*/
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease-in-out;
}
.grid-item:hover {
  border-color: transparent;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  z-index: 5000;
}
.grid-item--width2 {
  width: 368px;
}
.grid-item--height2 {
  height: 368px;
}
.grid-item--height3 {
  height: auto;
}
.grid-item--width4 {
  width: 736px;
}
@media screen and (max-width: 1000px) {
  .grid-item--width4 {
    width: 100%;
  }
  .grid img {
    height: auto !important;
  }
}
/* ---- SMALLER SCREENS ---- */
@media (max-width: 479px) {
  .home_grid {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-item {
    width: 160px;
    height: 160px;
  }
  .grid-item--width2 {
    width: 320px;
  }
  .grid-item--height2 {
    height: 320px;
  }
  .grid-item--height3 {
    height: auto;
  }
  .grid-item--width4 {
    width: 100%;
  }
}