body {min-height:100vh;min-height: -webkit-fill-available;}
      html {scroll-behavior: smooth;height: -webkit-fill-available;}
      body {background:#1e3442;}
      #toppFjell {padding:0;margin:0;position:relative;display:block;width:100%;min-height:100vh;background:url('../img/natt-vidde-fjell-uten-stjerner.jpg') center center no-repeat;background-size:cover;overflow:hidden;}
      @supports (-webkit-touch-callout: none) {
        #toppFjell {min-height:-webkit-fill-available;}
      }
      #snoAni {background:url('../img/natt-vidde-fjell-uten-stjerner.jpg') center center no-repeat;background-size:cover;z-index:1;position:absolute;top:0;left:0;width:100%;}
      #logo {width:80%;max-width:450px;height:auto;position:absolute;top:16%;left:10%;z-index:4;text-align:center;}
      #logo img {width:100%;height:auto;}
      #rvtsSor {position:absolute;top:30px;right:0;display:block;width:100%;text-align:center;z-index:4;}
      #rvtsSor img {width:110px;height:auto;}
      #scrollIkon {position:absolute;bottom:60px;left:0;width:100%;text-align:center;z-index:4;}
      #gryn {width:80%;max-width:525px;height:auto;position:absolute;bottom:12%;right:10%;z-index:3;transition: all 0.6s ease;}
      #gryn:hover {transform:scale(1.02);}
      #bunnSno {display:block;width:100%;position:absolute;bottom:0px;left:0;z-index:2;overflow:hidden;}
      #bunnSno img {height:250px;width:auto;min-width:100%;}
      #start {z-index:0;position:relative;}
      #bunnKanin {display:block;width:140%;position:fixed;bottom:0px;right:0;z-index:2;overflow:hidden;text-align:center;}
      #bunnKanin img {width:100%;max-width:1400px;height:auto;}
      #bgBilde {width:100%;height:100vh;background:url('../img/hytte_uten_sno.jpg') center center no-repeat;background-size:cover;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1;}
      h1, p.lead {text-shadow:0 0 18px #000000;}
      h1.modal-title {text-shadow:none;}
      a {color:#d3031c;}
      a:hover, a:active, a:focus  {color:#b9071d;}
      .btn-rvts {color:#fff;background-color:#161421!important;border-color:#161421!important;transition: all 0.5s;}
      .btn-rvts:hover, .btn-rvts:active, .btn-rvts:focus  {color:#fff!important;background-color:#173154!important;border-color:#173154!important;}
      .btn-rvts span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}
      .btn-rvts span:after {content: '\00bb';position: absolute;opacity: 0;top: -7px;right: -10px;transition: 0.5s;font-size: 1.4em;}
      .btn-rvts:hover span {padding-right: 25px;}
      .btn-rvts:hover span:after {opacity: 1;right: 0;}
      .icon-scroll, .icon-scroll:before {position: absolute;left: 50%}
      .icon-scroll{width: 40px;height: 70px;margin-left: -20px;top: 50%;margin-top: -35px;box-shadow: inset 0 0 0 1px #fff;border-radius: 25px}
      .icon-scroll:before{content: '';width: 8px;height: 8px;background: #fff;margin-left: -4px;top: 51px;border-radius: 4px;animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: scroll}
      @keyframes scroll{
        0%{opacity: 1}
        100%{opacity: 0;transform: translateY(-46px)}
      }
      @media (min-width: 768px) {
        #toppFjell {height:100vh;}
        #logo {max-width:350px;top:12%;}
        #rvtsSor {position:absolute;top:30px;right:35px;display:block;width:100px;}
        #rvtsSor img {width:100px;height:auto;}
        #gryn {width:50%;bottom:7%;}
        #scrollIkon {bottom:75px;}
        #bunnKanin {display:block;width:100%;position:fixed;bottom:-30px;left:0;z-index:2;overflow:hidden;}
      }