/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
.content-header {
  padding: 1rem 1rem 0;
}
.content-header h1 {
  font-size: 2em;
  color: #fff;
  margin: 0;
}
.content-header.article h1 {
  font-size: 1.6em;
  margin-top: 0.25em;
}
.content-header .title-icon {
  display: inline-block;
  vertical-align: baseline;
  width: 1.2em;
  margin: 0.2em 0.25em 0 0;
  position: relative;
  top: -0.1em;
}
.content-header .title-icon img {
  width: 100%;
}

@media screen and (min-width: 35rem) {
  .content-header {
    background-color: #172a3e;
    margin-bottom: 0;
  }
  .content-header h1 {
    margin-bottom: 0;
    padding-bottom: 0.25em;
  }
}
@media screen and (min-width: 45rem) {
  .content-header {
    background-color: transparent;
    padding: 0;
    position: relative;
    top: 0;
  }
  .content-header.no-breadcrumbs {
    padding-top: 2rem;
  }
  .content-header h1 {
    font-size: 2.5em;
    margin-bottom: 0;
    padding-bottom: 0;
    max-width: 80%;
  }
  .content-header.article h1 {
    font-size: 2em;
    margin-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
@media screen and (min-width: 55rem) {
  .content-header h1 {
    font-size: 3em;
  }
  .content-header.article h1 {
    font-size: 2.4em;
  }
}
@media screen and (min-width: 65rem) {
  .content-header h1 {
    font-size: 3.5em;
  }
  .content-header.article h1 {
    font-size: 3em;
  }
}
@media screen and (min-width: 85rem) {
  .content-header h1 {
    font-size: 4.5em;
  }
}