#preloader {
  position: fixed;
  z-index: 100;
  top: 0;
  height: 100vh;
  width: 100%;
  background: #000 url("../assets/preloader.gif") no-repeat center center;
  background-size: 15%;
}
@media screen and (max-width: 768px) and (min-width: 480px) {
  #preloader {
    background-size: 22%;
  }
}
@media screen and (max-width: 480px) {
  #preloader {
    background-size: 28%;
  }
}