body {
  font-size: 1.5em;
  line-height: 1.6;
  font-weight: 300;
  font-family: "Rubik", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1a1a1a;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div.header { margin: 14% auto 0 auto; position: relative; width: 90%; text-align: center; }
div.header img.maja { margin: 0 auto; position: relative; webkit-animation: fadeInTop 1s;     animation: fadeInTop 1s; }
div.header img.txt { margin: 0 auto; position: relative; webkit-animation: fadeInTop 1.5s;     animation: fadeInTop 1.5s; }
div.header p { opacity: 0; -webkit-animation: fadeIn 1s forwards; animation: fadeIn 1s forwards;  animation-delay: 1s; -webkit-animation-delay: 1s;}

@-webkit-keyframes fadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInTop {
  -webkit-animation-name: fadeInTop;
  animation-name: fadeInTop;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}