@media (max-width: 767px) {
  .resource-blocks-layout.l-constrained {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .resource-blocks-layout.l-constrained {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .resource-blocks-layout.l-constrained {
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
  }
}

@media (max-width: 767px) {
  .resource-blocks-layout > ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .resource-blocks-layout > ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }
  .resource-blocks-layout > ul li {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .resource-blocks-layout > ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row nowrap;
  }
}
.resource-blocks-layout > ul li {
  position: relative;
}

@media (max-width: 767px) {
  .resource-blocks-list {
    margin: 48px auto;
  }
}
@media (min-width: 768px) {
  .resource-blocks-list {
    margin: 60px auto;
  }
}
@media (min-width: 1280px) {
  .resource-blocks-list {
    margin: 80px auto;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .resource-blocks-list {
    margin: 20px auto;
  }
}