body, html {
      width: 100vw!important;
      height: 100%;
      max-width:100%!important;
      padding:0;
      margin:0;
      z-index:0;
      overflow-x:hidden;
      overflow-y:auto;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica", Arial, sans-serif;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; /* Forces native hardware momentum */
      scroll-snap-type: y mandatory; /* If you are snapping, lock it here */
    }
    header {
      position:fixed;
      display:flex;
      width:100vw;
      height:5vh;
      align-items:center!important;
      border-bottom:1px solid #000;
      top:0;
      left:0;
      right:0;
      margin:0;
      z-index:99
    }
    h1 {
      position:absolute;
      z-index:10;
      display:flex;
      width:50vw;
      height:5vh!important;
      justify-content:center;
      align-items:center;
      top:0!important;
      right:0;
      margin:0;
      padding:0;
      color:#FFF!important;
      font-size:1.1rem;
      line-height:1;
      text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000, 1px  1px 0 #000;
    }
    h2, h3, h4, h5, h6 {
      line-height:1;
      position:relative
    }
    h2 {
      font-size:6rem;
      color:#FFF;
      left:0;
      width:90%;
      height:auto;
      margin:10vh auto;
      text-align:left;
      text-shadow:-2px -2px 0 #000, 2px -2px 0 #000,-2px  2px 0 #000, 2px  2px 0 #000;
    }
    h3 {
      font-size:2.5rem;
      line-height:1;
      text-align:center;
      width:90%;
      height:auto;
      margin:auto;
      color:#FFF;
      text-shadow:-2px -2px 0 #000, 2px -2px 0 #000,-2px  2px 0 #000, 2px  2px 0 #000;
    }
    h4 {
      font-size:2.5rem;
      line-height:1;
      color:#FFF;
      font-weight:bold;
      width:100%;
      margin:20px auto;
      padding:0px 10px;
      text-align:center;
      text-shadow:-2px -2px 0 #000, 2px -2px 0 #000,-2px  2px 0 #000, 2px  2px 0 #000;
    }
    h5 {
      font-size:1.6rem;
      line-height:1;
      color:#FFF;
      margin:10px auto;
      text-align:center;
      text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000, 1px  1px 0 #000;
    }
    h6 {
      font-size:1.3rem;
      color:#FFF;
      line-height:1;
      margin:auto;
      text-align:center;
      text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000, 1px  1px 0 #000;
    }
    p {
      color:#000;
      width:750px;
      max-width:90%;
      font-size:22px;
      line-height:1;
      text-align:center;
      margin:5% auto;
      z-index:1;
      background-color:#FFF
    }
    nav h1 {
      z-index:99999
    }
    a:active {
    }
    a:link {
      text-decoration:none;
    }
    a:hover {;
    }
    .pure4k-logo {
      display:flex;
      align-items:center;
      justify-content:flex-end;
      position:absolute;
      width:100vw!important;
      height:5vh;
      right:.5vw!important;
      top:0!important;
      bottom:0;
      margin:0;
      z-index:9999
    }
    .pure4k-logo img {
      position:absolute;
      display:block;
      z-index:99999;
      height:40px;
      width:40px;
      margin:auto;
    }

                                                        /* TOP BUTTON */

    #myBtn {
      display: flex;
      position: fixed;
      right: 15px;
      bottom:1.5vh;
      opacity:.7;
      z-index: 99999;
      font-family:Helvetica;
      font-weight:800;
      font-size: 14px;
      border: 1px solid #FFF;
      outline: none;
      background-color: grey;
      color: white;
      cursor: pointer;
      padding: 5px;
      border-radius: 4px;
    }
    #myBtn:hover {
      background-color: #555
    }


                                                        /* RETURN BUTTON */

    .return-link {
      display:flex;
      position:relative;
      width:70px;
      height:22px;
      justify-content:center;
      align-items:center!important;
      top:0;
      left:.5vw;
      bottom:0;
      font-size:12px;
      line-height:1;
      text-shadow:1px 1px #000;
      color:#FFF;
      margin:auto!important;
      background-color:purple;
      border:1px solid #FFF;
      transition:background-color 1s ease-in-out;
      border-radius:5px;
      z-index:99999
    }
    .return-link a {
      position:absolute;
      display:flex;
      justify-content:center;
      align-items:center;
      z-index:9999;
      text-align:center;
      text-decoration:none;
      color:#FFF;

    }
    .return-link:hover {
      background-color:#000;
      transition:background-color .2s ease-in-out
    }
    
    .back-link {
      display:none;
      align-items:center;
      justify-content:flex-start;
      position:relative;
      width:auto!important;
      height:5vh;
      border-radius:15px;
      left:.5vw!important;
      top:0!important;
      bottom:0;
      margin:;
      z-index:9999
    }
    .back-link img {
      position:absolute;
      border:1px solid #FFF;
      border-radius:15px;
      background-color:purple;
      height:30px;
      width:30px;
      margin:auto;
    }


                                                          /* CARDS */



    /* Visual styles for individual cards */
    .card-1 { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
    .card-2 { background: linear-gradient(135deg, #5ee7df 0%, #b490ca 100%); }
    .card-3 { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); }
    .card-4 { background: linear-gradient(135deg, grey 0%, blue 100%); }
    .card-5 { background: linear-gradient(135deg, #00cc00 0%, #009900 100%); }
    .white-bg { background:(color:#FFF);width:100vw;height:100vh;margin:0;padding:0;right:0;top:0;bottom:0}
    .v-card-intro { z-index:9; background: url("/media/hard_rock_cafe_1920w.jpeg") center 15% / cover no-repeat} /* 0 INTRO */
    .v-card-1 { z-index:3; background: url("/media/pirelli-drive-hd.jpg") center center / cover no-repeat} /* 1 PIRELLI */
    .v-card-2 { z-index:3; background: url("/media/st-lawrence-intro-pic-hd.jpg") center center / cover no-repeat} /* 2 ST. LAWRENCE MARKET */
    .v-card-2A { z-index:3; background: url("/media/st-lawrence-intro-pic-hd.jpg") center center / cover no-repeat} /* 2 ST. LAWRENCE MARKET */
    .v-card-3 { z-index:3; background: url("https://i.ytimg.com/vi/olhTPQhd4Pk/maxresdefault.jpg") center center / cover no-repeat} /* 3 HAUNT MANOR */
    .v-card-4 { z-index:4; background: url("/media/420-rally-host-matt-mernagh-hd.jpg") center center / cover no-repeat} /* 4 420 RALLY */
    .v-card-5 { z-index:5; background: url("/media/home-or-business-simplified-hd.jpg") center center / cover no-repeat} /* 5 HOME OR BUSINESS */
    .v-card-6 { z-index:6; background: url("https://i.ytimg.com/vi/ssVSWtIo3sU/maxresdefault.jpg") center center / cover no-repeat} /* 6 GRACE O'MALLEYS */
    .v-card-7 { z-index:7; background: url("https://i.ytimg.com/vi/IZG3P_wxRUg/maxresdefault.jpg") center center / cover no-repeat} /* 7 DOG PARK */
    .v-card-8 { z-index:7; background: url("/media/4bizpos-storefront-hd.jpg") center center / cover no-repeat} /* 8 LIVESTREAM */
    .v-card-9 { z-index:8; background: url("/media/furniture-facelift-tv-pilot-hd.jpg") center center / cover no-repeat} /* 9 FURNITURE FACELIFT */
    .v-card-10 { z-index:9; background: url("https://i.ytimg.com/vi/G1idrOmLBtY/maxresdefault.jpg") center center / cover no-repeat}  /* 10 SCRAPMEN */
    .v-card-11 { z-index:9; background: url("/media/anthony-james-photoshoot-pretty-boy-hd.jpg") center center / cover no-repeat} /* 11 ANTHONY JAMES */
    .v-card-12 { z-index:9; background: url("https://i.ytimg.com/vi/ldcQzluTfnA/maxresdefault.jpg") center center / cover no-repeat} /* 12 SPOKE CLUB */
    .v-card-13 { z-index:9; background: url("/media/zombie-march-clown-hd.jpg") center center / cover no-repeat} /* 13 ZOMBIE MARCH */
    .v-card-14 { z-index:9; background: url("https://i.ytimg.com/vi/NyMz1Jj66Zs/maxresdefault.jpg") center center / cover no-repeat}  /* 14 BAND OF SKULLS */
    .v-card-15 { z-index:9; background: url("/media/hard_rock_cafe_1920w.jpeg") center center / cover no-repeat} /* 15 OUTRO */

    .v-card-outro { z-index:9; background: url("/media/anthony-james-photoshoot-pretty-boy-hd.jpg") center 15% / cover no-repeat} /* 0 INTRO */


    .white-bg {background-color:#FFF;height:100%;width:100%;z-index:-1;margin:0;padding:0}

    /* Promo Cards */
    .v-promo-1 { background: url("https://i.ytimg.com/vi/UVeTLXO_wDc/maxresdefault.jpg") center center / cover no-repeat}
    .v-promo-2 { background: url("https://i.ytimg.com/vi/ssVSWtIo3sU/maxresdefault.jpg") center center / cover no-repeat}
    .v-promo-3 { background: url("https://i.ytimg.com/vi/n212f-INsu0/maxresdefault.jpg") center center / cover no-repeat}
    .v-promo-4 { background: url("https://i.ytimg.com/vi/53NsNs523UQ/maxresdefault.jpg") center center / cover no-repeat}
    .v-promo-5 { background: url("https://i.ytimg.com/vi/Yw64LWbQIL0/maxresdefault.jpg") center center / cover no-repeat}

    /* Website Icon */
    .v-card-icon { background: url("/apple-touch-icon.png") center center / cover no-repeat}
    .v-icon-1 { z-index:99; background: url("/media/fb-icon.png") center center / cover no-repeat}
    .v-icon-2 { z-index:99; background: url("/media/in-icon.png") center center / cover no-repeat}
    .v-icon-3 { z-index:99; background: url("/media/reddit-icon.png") center center / cover no-repeat}


                                                                /* PANEL */
   .panel-page {
      display:flex;
      flex-flow:column;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      width:100%!important;
      padding:0;
      height:100%!important;
      position:relative;
      scroll-snap-align: start;
      z-index:1
    }

    .intro-panel {
      display:flex;
      flex-flow:column;
      justify-content:center;
      align-items:flex-start;
      top:0!important;
      left:0;
      right:0;
      width:100%!important;
      height:100vh!important;
      position:relative;
      scroll-snap-align: start;
      z-index:1;
      overflow:hidden!important
    }
    .intro-panel i {
      display:flex;
      position:absolute;
      height:5vh!important;
      font-size:30px;
      color:#FFF;
      width:50%!important;
      line-height:1;
      justify-content:center;
      align-items:center;
      left:0!important;
      bottom:0!important;
      text-shadow:1px 2px #000;
      z-index:99
    }
    .intro-panel-bg {
      position: relative;
      display:block;
      top: 0;
      left: 0;
      width: 100%!important;
      height: 100%;
      z-index: -1;
      overflow: hidden!important;
    }
    .intro-panel-bg img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); /* Keeps it perfectly centered */
      /* Default behavior for screens wider than 16:9 */
      width: 100%!important;
      height: calc(100vw * 9 / 16);
      min-height: 100vh;
      min-width: calc(100vh * 16 / 9);
      z-index:-1;
      overflow:hidden!important
    }
    .intro-panel-titles {
      width:45%;
      padding:5%;
      margin:auto
    }
    .intro-panel-titles h2 {
      font-size:6rem;
      width:100%;
      flex-wrap:wrap;
      margin:auto;
      text-align:center
    }
    .intro-panel-titles h3 {
      width:100%;
      font-size:1.8rem;
      margin: 20px auto;
      text-align:center
    }
    .intro-panel-p {
      width:45%;
      padding:5%;
      margin:auto
    }
    .intro-panel p {
      font-size:20px;
      line-height:1;
      font-weight:600;
      width:550px;
      max-width:80%;
      margin:5%;
      padding:5%
    }
    .intro-panel-1 {
      display:flex;
      flex-flow:row;
      position:absolute;
      width:100%;
      height:50vh;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      right:0;
      padding:0;
      margin:0;
      z-index:99
    }
    .intro-panel-2 {
      display:flex;
      background-color:transparent;
      position:absolute;
      width:100%;
      height:50vh;
      justify-content:center;
      align-items:flex-end;
      left:0;
      right:0;
      bottom:10vh!important;
      padding:0;
      margin:0;
      z-index:99
    }

                                                                /* MAIN PANEL */

    .main-panel {
      display:flex;
      flex-flow:row;
      justify-content:center;
      align-items:center;
      top:0!important;
      left:0;
      right:0;
      width:100%;
      height:100vh!important;
      position:relative;
      scroll-snap-align: start;
      z-index:1
    }
    .main-video-panel {
      display:flex;
      flex-flow:row;
      justify-content:center;
      align-items:center;
      top:0!important;
      left:0;
      right:0;
      width:100%!important;
      height:100vh!important;
      position:relative;
      scroll-snap-align: start;
      z-index:1
    }
    .main-panel i {
      display:flex;
      position:absolute;
      height:5vh!important;
      font-size:30px;
      color:#FFF;
      width:50%!important;
      line-height:1;
      justify-content:center;
      align-items:center;
      left:0!important;
      bottom:0!important;
      text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000, 1px  1px 0 #000;
      z-index:99
    }
    .main-video-panel i {
      display:flex;
      position:absolute;
      height:5vh!important;
      font-size:30px;
      color:#FFF;
      width:50%!important;
      line-height:1;
      justify-content:center;
      align-items:center;
      left:0!important;
      bottom:0!important;
      text-shadow:1px 2px #000;
      z-index:99
    }
    .main-panel-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      overflow: hidden;
      z-index:1
    }
    .main-panel-bg img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); /* Keeps it perfectly centered */
      /* Default behavior for screens wider than 16:9 */
      width: 100vw;
      height: calc(100vw * 9 / 16);
      min-height: 100vh;
      min-width: calc(100vh * 16 / 9)
    }
    .main-panel-bg.hard-left img {
      left: 0!important;                       /* Override center pinning, anchor to left edge */
      transform: translate(50%, -50%)!important; /* Only translate vertically, keep horizontal at 0 */
    }
    .main-panel-bg.soft-right img {
      left:25vw;
      right: 0!important;                       /* Override center pinning, anchor to left edge */
      transform: translate(0%, -50%)!important; /* Only translate vertically, keep horizontal at 0 */
    }
    .main-panel-bg.soft-left img {
      left:25vw;
      right: 0!important;                       /* Override center pinning, anchor to left edge */
      transform: translate(-50%, -50%)!important; /* Only translate vertically, keep horizontal at 0 */
    }
    .main-panel-1 {
      display:flex;
      position:relative;
      justify-content:space-between;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      flex-flow:column;
      width:50%!important;
      margin:0;
      height:100%;
      z-index:5;
      color:#FFF
    }
    .main-video-panel-1 {
      display:flex;
      position:relative;
      justify-content:space-between;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      flex-flow:column;
      width:50%!important;
      margin:0;
      height:100%;
      z-index:5;
      color:#FFF
    }
    .mobile-panel-box-link-box {
      display:none
    }
    .main-panel-2 {
      display:flex;
      position:relative;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      flex-flow:column;
      width:50%!important;
      margin:0;
      height:100%;
      z-index:1
    }
    .main-video-panel-2 {
      display:flex;
      position:relative;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      flex-flow:column;
      width:50%!important;
      margin:0;
      height:100%;
      z-index:5;
      background-color:#FFF
    }
    .main-video-panel-2-box-content {
      display:flex;
      flex-flow:column;
      justify-content:center;
      align-items:center;
      top:0;
      right:0;
      left:0;
      bottom:0;
      height:auto;
      padding:0;
      width:100%;
      margin:auto!important
    }
    .panel-box-content {
      display:flex;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      flex-flow:column;
      width:100%;
      margin:auto;
      height:auto;
      z-index:9
    }

								/* PANEL LINK BOX */

    .panel-box-link-box {
      position:relative;
      display:flex;
      width:50vw;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      right:0;
      height:auto;
      z-index:99999;
      text-align:center;
      margin:20px auto;
      box-shadow:2px 2px 6px grey
    }
    .panel-box-link {
      display: flex;
      position:absolute;
      width: 250px;
      height: 50px;
      justify-content:center;
      align-items:center;
      background-color: #FFF;
      margin:0;
      padding:0;
      border: 1px solid #000;
      /* 1s ease-in applied to all changes when moving away from hover */
      transition: all 1s ease-in;
    }

    .panel-box-link p {
      background-color: transparent;
      margin:auto;
      text-align:center;
      color: #000;
      padding:0;
      margin:0;
      /* Matches parent transition timing when un-hovering */
      transition: color 1s ease-in;
    }

    /* Hover States */
    .panel-box-link:hover {
      border: 1px solid #FFF;
      box-shadow: 1px 1px 2px grey;
      background-color: #000;
      /* .2s ease-in applied to everything on hover trigger */
      transition: all .2s ease-in;
    }

    .panel-box-link:hover p {
      color: #FFF;
      /* Matches parent transition timing on hover trigger */
      transition: color .2s ease-in;
    }

                                                                          /* VIDEO */


    .video-box {
      display:flex;
      flex-flow:column;
      justify-content:center;
      align-items:center;
      padding:0;
      margin:50px;
      position:relative;
      width:1280px!important;
      max-width:90%;
      height:auto!important;
      max-height:100%;
      aspect-ratio:16 / 9!important;
      z-index:5
    }
    lite-youtube {
      background-color: #000;
      position: relative;
      display: block;
      contain: content;
      margin-top:0;
      padding:0;
      background-position: center center;
      background-size: cover;
      cursor: pointer;
      height: auto;
      max-width: 100%; /* It was 720px but changed it to 100% and added the height */
      aspect-ratio: 16 / 9; /* Ensures it keeps the video shape */
      width: 100%;
    }
    /* For YouTube Shorts / Vertical Reels (9:16 Aspect Ratio) */
      lite-youtube.video-vertical {
      aspect-ratio: 9 / 16;
      max-width: 50%; /* Limits the width so it doesn't span across the whole desktop screen */
      margin: 0 auto;   /* Centers it if needed */
    }
    lite-youtube.video-vertical chrome-overlay,
    lite-youtube.video-vertical img {
      object-fit: cover; /* Crops the 16:9 thumbnail cleanly to fill the vertical frame */
    }
    /* For Square Videos (1:1 Aspect Ratio) */
    lite-youtube.video-square {
      aspect-ratio: 1 / 1;
      max-width: 500px;
      margin:auto;
    }



                                                                        /* PROMO THIS */


   .this {
     display:flex;
     width:100%!important;
     height:auto;
     justify-content:center;
     align-items:center;
     margin-top:5vh;
     top:0;
     left:0;
     right:0;
     bottom:0
    }
    .promo-this {
     display:flex;
     flex-flow:row;
     align-items:center;
     width:100%!important;
     height:auto;
     list-style:none;
     padding:10px;
     top:0;
     left:0!important;
     margin:auto;
     align-items:center;
     overflow-x:auto;
     scroll-snap-type: x mandatory;
     overflow-anchor: start
    }
    .promo-this a {
    text-decoration:none;
    opacity:1
    }
    .promo-this-box {
     display:flex;
     flex-flow:row;
     flex-wrap:nowrap;
     justify-content:center;
     align-items:center;
     position:relative;
     width:550px!important;
     height:100;
     top:0;
     left:0;
     border:1px solid #000;
     transition:border 1s ease-in;
     padding:10px!important;
     margin:0 10px!important;
     scroll-snap-align: center
    }
    .promo-this-box h4 {
    text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000, 1px  1px 0 #000;
    font-size:26px;
    line-height:1;
    width:450px;
    max-width:90%;
    padding:0 5% 0 5%;
    top:0;
    margin:auto;
    text-align:center;
    height:54px;
    color:#FFF;
    }
    .promo-this-box h5 {
    font-size:18px;
    line-height:1;
    font-weight:800
    }
    .promo-this-box:hover {
     border:1px solid #FFF;
     transition:border .2s ease-in
    }
    .promo-this-box i {
      display:flex;
      position:relative!important;
      width:450px;
      max-width:90%;
      height:20px;
      justify-content:center;
      align-items:center;
      font-size:16px;
      font-weight:bold;
      color:#000;
      top:0;
      left:0;
      right:0;
      text-shadow:none;
      padding:0;
      margin: -10px auto 0 auto;
      text-align:center
    }
    .watch-this {
    display:flex;
    width:100%;
    height:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    justify-content:center;
    align-items:center;
    aspect-ratio:16 / 9;
    margin:auto
    }
    .watch-this h4 {
    color:#FFF;
    text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000, 1px  1px 0 #000;
    text-align:center;
    width:100%;
    margin:auto
    }
    .this-box {
    display:flex;
    width:auto!important;
    max-width:100%!important;
    height:auto;
    min-height:100%!important;
    aspect-ratio:16 / 9;
    justify-content:center;
    align-items:center;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:5px;
    margin:0 10px!important;
    overflow-x: scroll;
     scroll-snap-align: start; /* Snaps the card exactly to the screen edge */
     scroll-snap-type: x mandatory;
    }
    .this-box-item {
    display:block;
    width:100%!important;
    height:auto;
    min-height:100%!important;
    aspect-ratio:16 / 9;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:0;
    margin:auto
    }


                                                        /* FOOTER */
    footer {
      position:fixed;
      display:flex;
      flex-flow:row!important;
      width:100%;
      border-top:1px solid #000;
      bottom:0;
      height:5vh;
      justify-content:center;
      align-items:center;
      padding:0;
      margin:auto;
      z-index:9999
    }
    .footer-box-left, .footer-box-right {
      display:flex;
      width:50%;
      height:5vh;
      padding:0 20%;
      margin:0;
      justify-content:space-between;
      align-items:center;
      bottom:0;
      z-index:9999;
      text-align:center
    }
    .footer-item {
      left:0!important;
      color:#FFF;
      width:30px;
      height:30px;
      border:1px solid #000;
      border-radius:15px;
      padding:0;
      margin:auto;
      box-shadow:none;
      z-index:9999;
      transition:box-shadow 1s ease-out
    }
    .footer-item:hover {
      border:1px solid #FFF;
      box-shadow:1px 2px 8px #000;
      transition:box-shadow .2s ease-in
    }



    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
      40% { transform: translateY(-10px); }
      60% { transform: translateY(-5px); }
    }

    @media only screen and (max-width: 1080px) and (orientation:landscape) {
    h1 { 
     width:100vw 
    	}
    h2 {
     font-size:3rem
    	}
   .intro-panel h2 {
     font-size:3rem
       }
    }

    @media only screen and (max-width: 825px) and (orientation: portrait) {
    header {
      z-index:999
    }
    h1 {
      width:100vw;
      position:absolute;
      z-index:999;
      font-size:12px;
      line-height:1;
      padding:0;
      margin:0 auto;
      text-align:center
    }
    h2 {
      font-size:2.5rem;
      margin:10px auto
    }
    h3 {
      position:relative;
      height:100%;
      font-size:1.5rem;
      line-height:1;
      margin:0;
      width:100vw;
      text-align:center
    }
    h4 {
      width:100vw!important;
      font-size:2.2rem;
      line-height:1;
      color:#000;
      padding:0 10px;
      text-align:center;
      margin:20px auto
    }
    h5 {
      font-size:2rem;
      line-height:1;
      margin:10px auto;
      padding:0
    }
    .pure4k-logo img {
      height:30px;
      width:30px
    }
    .return-link {
      display:none
    }
    .back-link {
     display:flex
    } 
    .myBtn {
      padding-bottom:2vh;
      margin-bottom:-.9vh
    }
    .intro-panel {
      height:95dvh;
      flex-flow:column;
      padding-bottom:5dvh;
      width:100vw;
      margin:0;
      padding:0
    }
    .intro-panel-1 {
      flex-flow:column;
      width:100%;
      height:50dvh;
      margin:auto;
      padding:0;
      text-align:center
    }
    .intro-panel-titles, .intro-panel-p {
      flex-flow:column;
      width:100%!important;
      height:auto;
      padding:0;
      margin:auto
    }
    .intro-panel-titles h2, .intro-panel-titles h3, .intro-panel-p p {
      width:100%;
      text-align:center;
      height:auto;
      margin:auto;
      padding:0
    }
    .intro-panel-titles h2 {
      margin-top:50px;
      font-size:2.7rem;
      line-height:1
    }
    .intro-panel-titles h3 {
      font-size:1.6rem;
      line-height:1;
      margin:10px auto
    }
    .intro-panel-p p {
      font-size:16px;
      line-height:1;
      width:100%;
      padding:10px;
      margin-top:10px
    }
    .main-panel {
      flex-flow:column;
      height:100%;
      width:100%;
    }
    .main-video-panel {
      flex-flow:column;
      height:100%;
      width:100%
    }
    .main-panel i {
      left:0px;
      margin:0 40px 0px -15dvw;
      bottom:25%;
    }
    .main-panel-bg {
      z-index:1
    }
    .main-panel-1, .main-panel-2 {
      display:flex;
      width:100%!important;
      text-align:center;
      padding:0!important;
      justify-content:center;
      align-items:center;
      margin:0
    }
    .main-panel-1 {
      display:flex;
      position:relative;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      flex-flow:column;
      width:100%!important;
      margin:0;
      height:50%;
      z-index:20;
      color:#FFF
    }
    .main-panel-1 h2 {
      margin-top:50px;
      font-size:2.7rem;
      line-height:1;
      margin-bottom:10px
    }
    .main-panel-1 h3 {
      font-size:1.3rem;
      line-height:1;
      width:100%;
      text-align:center;
      margin:10px auto 15px auto;
      padding:5px;
      z-index:99
    }
    .main-video-panel-1 {
      display:flex;
      position:relative;
      justify-content:space-between;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      flex-flow:column;
      width:100%!important;
      margin:0;
      height:40%;
      z-index:20;
      color:#FFF
    }
    .main-video-panel-1 h2 {
      margin-top:50px;
      font-size:2.7rem;
      line-height:1;
      margin-bottom:10px
    }
    .main-video-panel-1 h3 {
      font-size:1.3rem;
      line-height:1;
      width:100%;
      text-align:center;
      margin:10px auto 15px auto;
      padding:5px;
      z-index:99
    }
    .panel-box-link-box {
      display:none
    }
    .mobile-panel-box-link-box {
      display:flex;
      position:absolute;
      width:100%;
      height:100vh;
      top:0;
      left:0;
      right:0;
      bottom:0;
      justify-content:center;
      align-items:center;
      z-index:99999
    }
    .mobile-panel-box-link {
      position:absolute;
      height:50px;
      width:100px!important;
      margin:auto;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      z-index:99999
    }
    .main-panel-2 {
      display:flex;
      position:relative;
      justify-content:center;
      align-items:center;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      flex-flow:column;
      width:100%!important;
      margin:0;
      height:50%;
      z-index:5
    }
    .main-video-panel-2 {
      display:flex;
      position:relative;
      justify-content:center;
      align-items:flex-start;
      top:0!important;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      flex-flow:column;
      width:100vw!important;
      margin:0;
      height:60vh;
      z-index:20
    }
    .main-video-panel-2-box-content {
     width:100%!important;
     display:block;
     margin:2% auto 1% auto!important;
     height:100%;
     padding:0;
     top:0!important
    }
    .main-video-panel-2-box-content h4 {
      display:block;
      position:relative;
      color:#FFF;
      font-size:1.4rem;
      line-height:1;
      width:100vw;
      text-align:center;
      margin:auto;
      text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000, 1px  1px 0 #000;
    }
    .main-video-panel-2-box-content p {
      margin:auto
    }
    .panel-box-content {
      display:flex;
      height:auto;
      top:0!important;
      padding:0;
      width:100vw;
      justify-content:center;
      align-items:center;
      margin:auto!important;
      z-index:5
    }
    .panel-box-content h4 {
      display:block;
      height:auto!important;
      width:90%!important;
      margin:5px auto!important;
      text-align:center!important;
      font-size:1.3rem;
      line-height:1;
      color:#FFF;
      text-shadow:2px 2px #000
    }
    .video-box {
      display:block;
      width:550px;
      max-width:90%;
      height:auto;
      margin:auto;
      padding:0;
      border:1px solid #FFF;
      justify-content:center;
      align-items:center;
      left:0;
      right:0;
      top:0;
      bottom:0
    }
    .this {
      background:transparent!important
    }
        .promo-this-box {
        display:flex;
        background: linear-gradient(135deg, #5ee7df 0%, #b490ca 100%);
        width:350px;
        max-width:100%;
        border-radius:5px;
        padding:0;
        position:relative;
        margin:auto 10px;
        justify-content:center;
        align-items:center;
        top:0;
        left:0;
        right:0
        }
        .promo-this-box h4 {
        font-size:20px;
        line-height:1;
        color:#FFF;
        height:45px;
        width:350px!important;
        padding:5px 5% 0 5%;
        margin:auto;
        text-align:center
        }
        .this-box {
        top:0!important;
        height:auto;
        width:350px!important;
        margin:auto!important;
        padding:0;
        z-index:99999;
        scroll-snap-align: center!important; /* Snaps the card exactly to the screen edge */
        scroll-snap-type: x mandatory;
        }
        .this-box-item {
        top:0!important;
        height:auto;
        width:100%!important;
        margin:auto!important;
        padding:0;
        z-index:99999;
        scroll-snap-align: center!important; /* Snaps the card exactly to the screen edge */
        scroll-snap-type: x mandatory;
        }
    footer {
      border:none
    }
    .footer-box-left {
      display:none
        }
    .footer-box-right {
      width:100vw;
      margin:auto
        }
    .footer-box {
      height:25px;
      width:25px
   	}
   }