@media screen and (max-width:1024px){
  .device-desktop{ display:none !important; }
  .device-mobile{ display:block !important; }

  :root{
    --width: 65vh;
    --height: 65vh;
  }

  #deco{  }
    #deco > div#star{ width:10%; }
      #deco > div#star img:nth-child(1){ bottom:54px; left:32vw; }
      #deco > div#star img:nth-child(2){ left:36vw; bottom:100px; }
      #deco > div#star img:nth-child(3){ bottom:128px; left:33vw; }
      #deco > div#star img:nth-child(4){ left:22vw; bottom:41px; }
      #deco > div#star img:nth-child(5){ left:30vw; bottom:205px; }
      #deco > div#star img:nth-child(6){ bottom:44px; }
      #deco > div#star img:nth-child(7){ bottom:33px; left:-17vw; }
      #deco > div#star img:nth-child(8){ bottom:56px; left:-23vw; }
      #deco > div#star img:nth-child(9){ bottom:90px; left:-34vw; }
      #deco > div#star img:nth-child(10){ bottom:176px; left:-29vw; }

  h1.title{ top:10%; bottom:10%; width:90%; }
    h1.title img{ position:absolute; left:50%; transform:translateX(-50%); }
    h1.title img:nth-child(2){ top:0; width:80%; }
    h1.title img:nth-child(3){ bottom:0; }

  div#entrance{ transform:translate(-50%,-48%) scale(0.25); }

  #scene{
    perspective: var(--height);
    -webkit-perspective: var(--height);
    -moz-perspective: var(--height);
  }

  #sky{ animation-duration:20000ms; }
}