@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");



#loader {
  text-align: center;
  animation: disappear 1s linear 5s forwards;
}

@keyframes disappear {
  0% {
    opacity: 1;
    display: block;
  }
  
  99% {
    display: block;
  }
  
  100% {
    opacity: 0;
    display: none;
  }
}

img {
  position: relative;
  /*max-width: 200px;*/
  /*margin: 50px auto;*/
}

#loader span {
  color: #fff;
  font-size: 22px;
  line-height: 24px;
}

span.dot:first-child {
  animation: flash 1s linear 0s infinite alternate; 
}

span.dot:nth-child(2) {
  animation: flash 1s linear 0.5s infinite alternate; 
}

span.dot:nth-child(3) {
  animation: flash 1s linear 0s infinite alternate; 
}

@keyframes flash {
  0% {
    opacity: 0;
  }
  
  50% {
    opacity: 1;
  }
  
  100% {
    opacity: 0;
  }
}

.content {
  text-align: center;
  color: #fff;
  opacity: 0;
  animation: appear 1s linear 5s forwards;
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}