.blogContainer {
  background-color: #fff;
  overflow-x: hidden;
}

#banner-top {
  margin-top: 20px;
  background-image: url("/img/backgrounds/blog_bg.jpg");
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  height: 45vh;
}

.banner-splash {
  width: inherit;
  height: inherit;
  background-color: rgba(0, 0, 0, 0);
  padding: 0px 5vh;
}

#banner-top #social-fb-like {
  float: right;
  padding-top: 2%;
  padding-right: 2%;
}
#banner-top .banner-splash {
  float: left;
  top: 30%;
  left: 10%;
  height: auto;
  position: absolute;
}
#banner-top .banner-splash h1 {
  color: white;
  font-family: PermanentMarker;
  font-size: 40px;
  letter-spacing: 2px;
}
#banner-top .banner-splash p {
  color: white;
  font-family: GothamLight;
  font-size: 20px;
  float: left;
  padding-top: 13px;
  letter-spacing: 4px;
}

@media only screen and (max-width: 767px) {
  #listContainer {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
  #listContainer .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    padding: 25px 6%;
  }
  #listContainer .blogPreviewCell {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #listContainer {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  #listContainer .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-around;
    padding: 25px 6%;
  }
  #listContainer .blogPreviewCell {
    width: 45%;
  }
}
#listContainer .blogPreviewCell {
  -moz-box-shadow: 0px 0px 10px 1px #d1d1d1;
  -webkit-box-shadow: 0 0 10px 1px #d1d1d1;
  box-shadow: 0 0 10px 1px #d1d1d1;
  height: inherit;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#listContainer .blogPreviewCell:hover {
  -moz-box-shadow: 0px 0px 10px 1px #2abfff;
  -webkit-box-shadow: 0 0 10px 1px #2abfff;
  box-shadow: 0 0 10px 1px #2abfff;
}
#listContainer .blogPreviewCell .splashImage {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  height: 19vh;
}
#listContainer .blogPreviewCell h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: rgba(0, 0, 0, 0.54) !important;
}

.cellContents {
  padding: 0px 20px;
}

/*# sourceMappingURL=blog.css.map */