h4 {
  margin: 0 7px;
}

h1 {
  text-align: center;
}

h2 {
  font-size: 25px;
  font-weight: normal;
  text-align: center;
}

@media (max-width: 960px) {
  .blog-main {
    margin-top: 7em;
  }
}
.blog-main .logo-text {
  color: #00acc1;
  display: inline;
}

.blog-tiles {
  margin: 9em 20%;
  justify-content: space-around;
  display: flex;
}
@media (max-width: 960px) {
  .blog-tiles {
    flex-direction: column;
    margin: 0 auto 1em;
    width: 20em;
  }
}

.blog-tile {
  margin: 0 1em;
  width: 20em;
}
@media (max-width: 960px) {
  .blog-tile {
    margin: 2em 0 4em;
  }
}
.blog-tile img {
  width: 20em;
  height: 20em;
}/*# sourceMappingURL=blog.css.map */