.hub__featured-article {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 3rem;
  max-width: 56rem;
}

@media (min-width: 1024px) {
  .hub__featured-article {
    margin-left: auto;
    margin-right: auto;
  }
}

.hub__block {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem
}

@media (min-width: 768px) {
  .hub__block {
    padding-bottom: 5rem;
  }
}

@media (min-width: 1280px) {
  .hub__block {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 640px) {

.hub__block {
    max-width: 640px;
}
  }

@media (min-width: 768px) {

.hub__block {
    max-width: 768px;
}
  }

@media (min-width: 1024px) {

.hub__block {
    max-width: 1024px;
}
  }

.grey-background {
  background-color: #EFF1F6;
}