.cat-wrapper {
  width: calc(100% - 7.2rem);
  margin-left: auto;
  margin-right: auto;
}

.cat-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.8rem;
  margin-right: -1.8rem;
}

.cat-col {
  position: relative;
  padding: 0 1.8rem;
  box-sizing: border-box;
  margin-bottom: 3.6rem;
  width: 100%;
}
@media (min-width: 700px) {
  .cat-col {
    width: 50%;
  }
}
@media (min-width: 1000px) {
  .cat-col {
    width: 33.333333%;
  }
}
@media (min-width: 1280px) {
  .cat-col {
    width: 25%;
  }
}
@media (min-width: 1600px) {
  .cat-col {
    width: 20%;
  }
}

.cat-link {
  height: 100%;
  font-family: "BrandonGrotesqueBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: block;
}

.aspect-ratio {
  position: relative;
}
.aspect-ratio:after {
  content: "";
  display: block;
  padding-bottom: 70.17%;
}

.cat-image {
  background-color: #708193;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.cat-name {
  padding-top: 1.6rem;
}

.cat-source {
  color: #708193;
  font-size: 0.8em;
  margin-top: 0.8rem;
}

.recipe-posts-footer {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "BrandonGrotesqueBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  padding: 3.6rem;
}

.all-list li {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "BrandonGrotesqueBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
.all-list a {
  text-decoration: none;
}
.all-list a:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=page-recipes.css.map */