/* stylelint-disable */
/* stylelint-enable */
:root {
  --grid-max-width: calc(1300px + 2 * var(--grid-padding));
  --grid-padding: 16px;
}
@media screen and (min-width: 1440px) {
  :root {
    --grid-padding: 40px;
  }
}

.header {
  background-color: var(--white);
  padding-top: 32px;
  padding-bottom: 36px;
}
@media screen and (max-width: 650px) {
  .header {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.header--with-border {
  border-bottom: 1px solid var(--border-colour);
}

.header__title {
  margin-top: 0;
  margin-bottom: 0;
}

.header__desc-wrap {
  margin-top: 8px;
}
@media screen and (min-width: 1025px) {
  .header__desc-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
  }
}

.header__desc {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .header__desc {
    flex: 0 0 auto;
    width: calc(75% - 24px);
    margin-right: 12px;
    margin-left: 12px;
  }
}