html{
    position: relative;
   }

   body {
     font-family: Arvo, sans-serif;
     color: #333;
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     margin: 0px;
     padding: 0px;
     vertical-align: top;
     max-height: 100vh;
     max-width: 100vw;
     opacity: 0;
     transition: opacity 2s;
     background-image: url('../img/bg.jpg');
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
   }

   h1 {
     margin-top: 20px;
     margin-bottom: 10px;
     font-family: Sourcesanspro, sans-serif;
     color: #020733;
     font-size: 5vw;
     line-height: 6.5vw;
     font-weight: 700;
   }
   
   h2 {
     margin-top: 20px;
     margin-bottom: 10px;
     font-family: Sourcesanspro, sans-serif;
     color: #020733;
     font-size: 3.5vw;
     line-height: 4vw;
     font-weight: 700;
   }
   
   h3 {
     margin-top: 20px;
     margin-bottom: 10px;
     font-family: Sourcesanspro, sans-serif;
     color: #020733;
     font-size: 3vw;
     line-height: 3.5vw;
     font-weight: 700;
   }
   
   h4 {
     margin-top: 10px;
     margin-bottom: 10px;
     font-family: Sourcesanspro, sans-serif;
     color: #020733;
     font-size: 2.5vw;
     line-height: 3vw;
     font-weight: 700;
   }
   
   h5 {
     margin-top: 10px;
     margin-bottom: 10px;
     font-family: Sourcesanspro, sans-serif;
     color: #020733;
     font-size: 2vw;
     line-height: 2.3vw;
     font-weight: 700;
   }
   
   h6 {
     margin-top: 10px;
     margin-bottom: 10px;
     font-family: Sourcesanspro, sans-serif;
     color: #020733;
     font-size: 1.5vw;
     line-height: 2vw;
     font-weight: 600;
   }
   
   p {
     margin: 0px;
     margin-bottom: 10px;
     color: #020733;
     font-size: 18px;
     line-height: 28px;
   }
   
   a {
     font-family: Sourcesanspro, sans-serif;
     color: #000;
     font-size: 20px;
     font-weight: 600;
     text-decoration: none;
   }
   
   ul {
     margin-top: 0px;
     margin-bottom: 10px;
     padding-left: 40px;
   }
   
   ol {
     margin-top: 0px;
     margin-bottom: 10px;
     padding-left: 40px;
   }
   
   blockquote {
     margin-bottom: 10px;
     padding: 10px 20px;
     border-left: 5px solid #e9edf0;
     font-family: Sourcesanspro, sans-serif;
     color: #020733;
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
   }

   .splash {
     display: table;
     width: 100vw;
     height: 100vh;
     padding-top: 0px;
     margin: 0px;
     padding: 0px;
     text-align: left;
     background-color: hsla(0, 100%, 0%, 0.9);
     overflow: hidden;
   }

   .headline {
     width: 100%;
     padding: 0px;
     padding-left: 5%;
     padding-right: 5%;
     border: none;
     text-align: left;
   }

   .headline img {
      max-width: 100%;
   }

   .desktop-header {
      display: inline-block;
   }

   .mobile-header {
      display: none;
   }

   .s-row {
      display: inline-block;
      width: 100%;
      padding: 0px;
      margin: 0px;
   }

   .cell-1 {
      position: relative;
      float: left;
      padding-top: 20px;
      text-align: left;
      margin-left: 0px;
      padding-left: 0px;
      vertical-align: top;
      width: 50%;
   }

   .cell-2 {
      position: relative;
      float: right;
      text-align: left;
      margin-left: 6%;
      margin-bottom: 0px;
      padding-left: 00px;
      padding-bottom: 0px;
      vertical-align: top;
      width: 44%;
   }

   .cell-3 {
      position: relative;
      float: left;
      margin-left: 0px;
      padding-left: 0px;
      vertical-align: top;
      width: 50%;
   }

   .logo {
     padding-top: 80px;
     margin-bottom: 0px;
     padding-bottom: 60px;
     padding-left: 5%;
   }

   .s-btn {
      position: fixed;
      background-color: inherit;
      border: none;
      margin-top: 10px;
      -webkit-transition: all 400ms ease;
      opacity: 1;
   }

   .s-btn:hover .s-btn {
      cursor: pointer;
      opacity: 0.8;
   }

   @media screen and (max-height: 500px) {
      .body {
         max-width: 100vw;
         height: 100%;
         padding-left: 0px;
         margin-left: 0px;
         background-image: url('../img/bg-mobile.jpg'); 
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-size: cover;
      }
      
      .desktop-header {
         display: none;
      }

      .mobile-header {
         display: inline-block;
      }

      .headline {
         height: 100%;
         width: 100vw;
         max-width: 100vw;
         padding-left: 0px;
         margin-left: 0px;
         text-align: center;
      }

      .s-row {
         height: 100%;
      }
     
      .logo {
        text-align: center;
        padding-left: 0px;
        padding-bottom: 30px;
      }

      .logo img {
         max-width: 60vw;
      }

      .headline img {
         max-width: 80vw;
      }

      .cell-1 {
         float: center;
         padding-left: 0px;
         margin-left: 0px;
         text-align: center;
         padding-top: 0px;
         margin-top: 0px;
         width: 100vw;
      }
      
      .cell-2 {
         float: center;
         text-align: center;
         padding-bottom: 0px;
         width: 100vw;
      }

      .cell-2 img {
         max-width: 50%;
      }
      
      .cell-3 {
         float: center;
         width: 100%;
         margin-top: 0px;
         padding-top: 0px;
         padding-left: 0px;
         padding-right: 0px;
      }

      .cell-3 p {
         float: center;
         width: 100%;
         text-align: center;
      }

      .cell-3 img {
         max-width: 90%;
      }

      .s-btn {
         position: relative;
      }

   }

   @media screen and (max-width: 900px) {
      .body {
         max-width: 100vw;
         height: 100vh;
         padding-left: 0px;
         margin-left: 0px;
         background-image: url('../img/bg-mobile.jpg'); 
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-size: cover;
      }
     
      .desktop-header {
         display: none;
      }

      .mobile-header {
         display: inline-block;
      }

      .headline {
         height: 100vh;
         width: 100vw;
         max-width: 100vw;
         padding-left: 0px;
         margin-left: 0px;
         text-align: center;
      }

      .s-row {
         height: 100%;
      }
     
      .logo {
        text-align: center;
        padding-left: 0px;
        padding-bottom: 30px;
      }

      .logo img {
         max-width: 60vw;
      }

      .headline img {
         max-width: 80vw;
      }

      .cell-1 {
         float: center;
         padding-left: 0px;
         margin-left: 0px;
         text-align: center;
         padding-top: 0px;
         margin-top: 0px;
         width: 100vw;
      }
      
      .cell-2 {
         float: center;
         text-align: center;
         padding-bottom: 0px;
         width: 100vw;
      }

      .cell-2 img {
         max-width: 50%;
      }
      
      .cell-3 {
         float: center;
         width: 100%;
         margin-top: 0px;
         padding-top: 0px;
         padding-left: 0px;
         padding-right: 0px;
      }

      .cell-3 p {
         float: center;
         width: 100%;
         text-align: center;
      }

      .cell-3 img {
         max-width: 90%;
      }

      .s-btn {
         position: relative;
      }

   }
   
   @font-face {
     font-family: 'Arvo';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d3003f089bb960ec94b01_Arvo-Italic.ttf') format('truetype');
     font-weight: 400;
     font-style: italic;
     font-display: swap;
   }
   @font-face {
     font-family: 'Arvo';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d30031887abd4fc2e699f_Arvo-BoldItalic.ttf') format('truetype');
     font-weight: 700;
     font-style: italic;
     font-display: swap;
   }
   @font-face {
     font-family: 'Arvo';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d300351eef39bb189c348_Arvo-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
   }
   @font-face {
     font-family: 'Arvo';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d30032483409fed59228c_Arvo-Bold.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d301572f4e21f395d9583_SourceSansPro-Italic.ttf') format('truetype');
     font-weight: 400;
     font-style: italic;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d301598ab98144941fd37_SourceSansPro-BlackItalic.ttf') format('truetype');
     font-weight: 900;
     font-style: italic;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d3015af9b6083f2baf78f_SourceSansPro-BoldItalic.ttf') format('truetype');
     font-weight: 700;
     font-style: italic;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d3015e4ec3ced41cc4647_SourceSansPro-Black.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d301567e45b4825e61904_SourceSansPro-Bold.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d30156348b17dc01f2ee9_SourceSansPro-ExtraLight.ttf') format('truetype');
     font-weight: 200;
     font-style: normal;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d301518a40a03414f2258_SourceSansPro-LightItalic.ttf') format('truetype');
     font-weight: 300;
     font-style: italic;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d301651eef3503589c360_SourceSansPro-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d301529463a9e772f11c6_SourceSansPro-Light.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d30164d990ea91b4bb631_SourceSansPro-ExtraLightItalic.ttf') format('truetype');
     font-weight: 200;
     font-style: italic;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d301618a40a202d4f2259_SourceSansPro-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
   }
   @font-face {
     font-family: 'Sourcesanspro';
     src: url('https://assets.website-files.com/606d2e296348b1f5e71f22a5/606d301618a40a72dc4f225a_SourceSansPro-SemiBoldItalic.ttf') format('truetype');
     font-weight: 600;
     font-style: italic;
     font-display: swap;
   }