/* Screen widths */
/* Site Colors */
@media print {
  html body {
    width: 100%;
    color: #0b3e68 !important;
  }
  html body .print-page-header {
    background-color: #f5bb45;
  }
  html body .navbar-brand .print-logo,
  html body .navbar-brand img {
    width: 200px;
    height: 200px;
    margin-left: 44%;
    position: relative;
    bottom: -62px;
  }
  html body .page {
    font-family: 'Open Sans', sans-serif;
  }
  html body .page p {
    font-size: 1.6rem;
  }
  html body .page article h2 {
    clear: both;
    color: #f5bb45 !important;
    text-align: center;
    padding: 20px;
    background: #0b3e68;
    font-size: 2.2rem !important;
    font-weight: 800;
  }
  html body .page article li {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  html body .page article header {
    text-align: center;
  }
  html body .page article header h2.node__title {
    margin: 40px auto 0;
    display: inline-block;
    float: none;
    width: auto;
    position: relative;
    font-size: 3.7rem;
    font-weight: 800;
    background: none;
  }
  html body .page article header h2.node__title a {
    text-decoration: none;
    color: #0b3e68;
  }
  html body .page article dl.ckeditor-accordion {
    margin: 40px 0;
  }
  html body .page article dl.ckeditor-accordion dt {
    font-weight: 800;
    font-size: 2.3rem;
    clear: both;
    margin: 30px 0;
    background: #f3b137 !important;
    padding: 15px;
  }
  html body .page article dl.ckeditor-accordion dd dl dt {
    color: #fff !important;
    background: #0b3e68 !important;
  }
  html body .page article dl.ckeditor-accordion h3 {
    background-color: #0b3e68;
    color: white;
    padding: 10px 5px;
    font-size: 2rem;
  }
  html body .page article .field--name-field-media-image {
    width: auto !important;
    max-width: 100%;
    margin: 0 40px 20px 0 !important;
  }
  html body .page article .field--name-field-media-image img {
    max-width: 100% !important;
  }
  html body .page article .printplan {
    display: none;
  }
  html body .page article .print__wrapper {
    display: none;
  }
  html body .page article .node_view {
    display: none;
  }
  html body .page article p {
    margin: 30px 15px;
  }
  html body .page article .key {
    clear: both;
    font-size: 1.5rem;
  }
  html body .node__content {
    margin: 0 60px;
  }
  html body .node--type-page {
    margin: 0 100px;
  }
  html body .node--type-page h2 {
    clear: both;
    text-align: center;
    padding: 20px;
  }
}
@media print and print {
  html body .print-logo {
    width: 150px;
    height: 150px;
    margin-left: 40%;
    position: relative;
    bottom: -62px;
  }
  html body p {
    font-size: 1.2rem;
  }
  html body li {
    font-size: 1.2rem;
  }
  html body h2 {
    font-size: 1.8;
    padding: 10px;
  }
  html body .node--type-page {
    margin: 0 0 !important;
  }
  html body h2.node__title {
    margin: 20px auto 0;
    font-size: 1.8rem;
  }
}