/********** PreLoader **********/

.preloader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #29363b;
  z-index: 10000;
  text-align: center;
}

.preloader-icon {
  position: relative;
  top: 45%;
  width: 100px;
}

.preloader-icon:hover {
  filter: invert(1);
}

/**************************************** Mediascreen ****************************************/

@media screen and (max-width: 1124px) {

/********** PreLoader **********/

.preloader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #29363b;
  z-index: 10000;
  text-align: center;
}

.preloader-icon {
  position: relative;
  top: 35%;
  width: 100px;
}

.preloader-icon:hover {
  filter: invert(1);
}

}