@import url('https://fonts.googleapis.com/css?family=Mountains+of+Christmas:400,700');
/*Kerstkleurtjes*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Mountains of Christmas', cursive;
}
a.toggle-overlay span.hidden {
  display: none;
}
a.toggle-overlay {
  position: fixed;
  background: #666;
  border-radius: 100%;
  color: #f9f9f9;
  height: 4rem;
  width: 4rem;
  display: block;
  z-index: 20;
  border: 1px solid transparent;
  bottom: 1rem;
  right: 6.5rem;
}
a.toggle-overlay span {
  display: block;
  text-align: center;
}
a.toggle-overlay .fa-icon {
  font-size: 2rem;
  text-align: center;
  line-height: 4rem;
}
@media (max-width: 567px) {
  a.toggle-overlay {
    height: 3.07692308rem;
    width: 3.07692308rem;
    right: 5rem;
  }
  a.toggle-overlay .fa-icon {
    line-height: 3.07692308rem;
  }
}
/*
.notosnow {
  position: relative;
}

.notosnow img, .letitsnow img {
  width: 100px;
  height: 100px;
}
.notosnow span{
  width: 100px;
  height: 100px;
  color: #b50707;
  position: absolute;
  font-size: 70px;
  line-height: 100px;
  text-align: center;
}

*/
/*snowflakes*/
.winter-is-coming,
.snow {
  z-index: 100;
  pointer-events: none;
}
.winter-is-coming {
  overflow: hidden;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  /*background: #333;*/
}
.snow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: falling linear infinite both;
  animation: falling linear infinite both;
  -webkit-transform: translate3D(0, -100%, 0);
  transform: translate3D(0, -100%, 0);
}
.snow--near {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
  background-size: contain;
}
.snow--near + .snow--alt {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.snow--mid {
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  background-image: image-url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png");
  background-size: contain;
}
.snow--mid + .snow--alt {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.snow--far {
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  background-image: image-url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png");
  background-size: contain;
}
.snow--far + .snow--alt {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}
@-webkit-keyframes falling {
  0% {
    -webkit-transform: translate3D(-7.5%, -100%, 0);
    transform: translate3D(-7.5%, -100%, 0);
  }
  100% {
    -webkit-transform: translate3D(7.5%, 100%, 0);
    transform: translate3D(7.5%, 100%, 0);
  }
}
@keyframes falling {
  0% {
    -webkit-transform: translate3D(-7.5%, -100%, 0);
    transform: translate3D(-7.5%, -100%, 0);
  }
  100% {
    -webkit-transform: translate3D(7.5%, 100%, 0);
    transform: translate3D(7.5%, 100%, 0);
  }
}
