.navbar + .jumbotron {
  margin-top: -20px; 
}
body {
  background-color: #070407;
  animation-name: bgColor;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-duration: 5s;
}
.logo {
  margin-top:5vh;
}

.raac-logo {
  animation-name: whiteStroke;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-duration: 5s;
}
.raac-logo-svg:hover > * {
  stroke: #e8e85e;
    transition-duration: 500ms;
    transition-delay: 0ms;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 500ms;
    -webkit-transition-delay: 0ms;
    -webkit-transition-timing-function: ease-in-out;
}

.logo a {
    display: block;
}
.footer {
  opacity:1;
  animation-name: footerOpacity;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-duration: 5s;
}
.copyright {
  color: #535556;
}
.mail {
  margin-bottom:2vh;
  font-size: 22px;
}
@media (max-width: 767.98px) {
  .mail {
    font-size:26px;
    margin-bottom:2vh;
  }
  .copyright {
    font-size:12px!important;
  }
}
a {
  color: #535556;
    transition-duration: 500ms;
    transition-delay: 0ms;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 500ms;
    -webkit-transition-delay: 0ms;
    -webkit-transition-timing-function: ease-in-out;
}
a:hover {
    color: #e8e85e;
    text-decoration: none;
    transition-duration: 500ms;
    transition-delay: 0ms;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 500ms;
    -webkit-transition-delay: 0ms;
    -webkit-transition-timing-function: ease-in-out;
}
.footerBlock {
  font-size:9px;
  margin-bottom:2vh;
}

@keyframes footerOpacity {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes bgColor {
  0% {
    background-color: #f0f1ed;
  }
  100% {
    background-color: #070407;
  }
}

@keyframes whiteStroke {
  0% {
    stroke: #070407;
  }
  100% {
    stroke: #f0f1ed;
  }
}