#favicron {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

#favicron img {
  width: 32px;
  height: 32px;
  display: block;
  float: left;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-pixelated;
  image-rendering: pixelated;
}

@media only screen and (max-width: 1500px) {
  #favicron img {
    -webkit-transform: scale(3);
    transform: scale(3);
    margin: 5px;
  }
}

@media only screen and (max-width: 1300px) {
  #favicron img {
    -webkit-transform: scale(2);
    transform: scale(2);
    margin: 3px;
  }
}

@media only screen and (max-width: 1100px) {
  #favicron img {
    -webkit-transform: scale(1.5) rotate(-45deg);
    transform: scale(1.5) rotate(-45deg);
    margin: 0px;
  }
}

@media only screen and (max-width: 900px) {
  #favicron img {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    margin: 0px;
  }
}

@media only screen and (max-width: 700px) {
  #favicron img {
    -webkit-transform: scale(1.5) rotate(90deg);
    transform: scale(1.5) rotate(90deg);
    margin: -1px;
  }
}

@media only screen and (max-width: 500px) {
  #favicron img {
    margin: -2px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

#favicron #favicron-year {
  position: absolute;
  background-color: #fff;
  left: 0;
  bottom: 0;
  font-size: 12px;
  text-align: center;
  color: #000;
  padding: 5px 20px;
  font-family: 'andale mono', 'courier new', courier, monospace;
}