@import url('https://fonts.googleapis.com/css?family=PT+Sans');
      body {
        margin: 0;
        padding: 0;
      }
      html { /*font-size: 18px; Conflicts with main site style JG*/ }
      .devDisplay{
        width: 100%;
        height: 10px;
        background-color: green;
      }
      p{ margin: 0; padding: 0; }
      .sectionWrapper{
        margin: 0;
        padding: 0;
        width: 100%;
      }
      .clearSectionWrapper{
        margin: 0;
        padding: 0;
        width: 100%;
        clear: both;
      }
      .sectionCenteredContainer{
        width: 100%;
        max-width: 1000px;
        margin: auto;
      }
      .bodyTextCenteredContainer{
        width: 100%;
        // max-width: 42.66rem;
        margin: auto;
      }
      p.bodyText{
        font-family: PT Sans;
        font-size: 1rem;
      }
      .highchartContainer{
        margin: auto;
      }
      .highchartContainer svg{
        display: block;
      }
      .fancyHeaderContainer{
        display:flex;
        justify-content:center;
        align-items:center;
        width: 100%;
        min-height: 16.66rem;
        height: 16.66rem;
        position: relative;
      }
      div.fancyHeaderSubGrad{
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 60%;
        background-size: cover;
        background-position: center center;
        background-color: black;
      }
      div.fancyHeaderTextElement{
        font-family: PT Sans;
        line-height: 1.1;
      }
      .pictureSectionWrapper {
        margin: auto;
        width: 100%;
        max-width: 900px;
	  page-break-inside: avoid;
      }
      .parallaxImageContainer {
        margin: auto;
        overflow: hidden;
        display: flex;
        align-items: flex-end;
        transform-style: preserve-3d;
        width: 100%;
      }
      .parallaxImageContainer > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        margin: 0 auto;
        transform: translateZ(0);
        transform: translate3d(0, 0, 0);
        transform: rotate(0.0001deg);
        perspective: 1000;
        backface-visibility: hidden;
        will-change: transform;
      }

      @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop,
        .parallaxImageContainer > img {
          width: auto;
        } /* IE11 */
      }

      /* SMARTPHONES PORTRAIT */
      @media only screen and (max-width: 300px) {
        .devDisplay{ background-color: red; }
      }
      /* SMARTPHONES LANDSCAPE */
      @media only screen and (max-width: 480px) {
        .devDisplay{ background-color: orange; }
      }
      /* TABLETS PORTRAIT */
      @media only screen and (max-width: 768px) {
        html {
          font-size: 16px;
        }
        .devDisplay{ background-color: yellow; }
      }
      
      @page {
        size: A4;
        margin: 8mm 12mm;
      }
      @media print {
        html { font-size: 16px; }
        html, body {
          width: 210mm;
          height: 297mm;
        }
        p{
          page-break-inside: avoid;
        }
        div.page{
          page-break-after: always;
          page-break-inside: avoid;
        }
        .devDisplay{
          display: none;
        }
        // .bodyTextCenteredContainer{
        //   max-width: 725px;
        // }
        .highchartContainer{
          page-break-inside: avoid;
        }
      }