.fifa-banner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/fifa-banner.png) no-repeat center center; background-size: cover; }

.logo-wrapper {
    position: relative;
    width: 420px;
    overflow: hidden;
}

.logo {
  max-width: 100%;
  animation: logoReveal 4s forwards;
}

.ball {
  position: absolute;
  width: 48px;
  left: -70px;
  bottom: -45px;
  animation: ballFly 4s ease-in-out infinite;
}

@keyframes ballFly {
  0% {
    left: -60px;
    bottom: 30px;
    transform: rotate(0deg) scale(0.9);
  }
  45% {
    left: 42%;
    bottom: -7px;
    transform: rotate(540deg) scale(1);
  }
  100% {
    left: 100%;
    bottom: 100%;
    transform: rotate(1080deg) scale(0.9);
  }
}

@media (max-width: 575.98px) {
    .fifa-banner{display: none;}
    .logo-wrapper{width:auto;}
}