/* 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: .25em; }
  .content-header .title-icon {
    display: inline-block;
    vertical-align: baseline;
    width: 1.2em;
    margin: .2em .25em 0 0;
    position: relative;
    top: -.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: .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: .25em;
      padding-bottom: .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; } }