#loader {
  background: #66999a;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}

#loaderBack {
  position: absolute;
  height: 70%;
  z-index: 0;
  top: 15%;
  left: calc(50vw - 35vh);
}

#loaderLogo {
  animation: fadeIn 5s linear forwards infinite;
  text-align: center;
  width: 60%;
  padding: 0 20%;
}

#loader .title {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 0px;
  font-family: 'Quicksand', sans-serif;
  color: #66999a;
}

#loader .subTitle {
  font-size: 17px;
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;
  padding: 0 5px;
}

@keyframes fadeIn {
  0% {opacity: 0;}
  10% {opacity: 0;}
  15% {opacity: 0.3;}
  25% {opacity: 1;}
  35% {opacity: 0.3;}
  45% {opacity: 1;}
  55% {opacity: 0.3;}
  65% {opacity: 1;}
  75% {opacity: 0.3;}
  85% {opacity: 1;}
  90% {opacity: 0;}
  100% {opacity: 0;}
}