.m-auth{
  display: none !important;
}

.m-donate{
  display: none !important;
}

.bg-yellow{
    background: yellow
}

.registration-container-wrapper{
    height: 100vh
}

.mxh{
    min-height: 100% !important;
}


.hero-container {
  color: #e5e5e5;
  font-size: 2.26rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animation {
  height:50px;
  overflow:hidden;
  margin-left: 1rem;
}

.animation > div > div {
  padding: 0 0.75rem;
  height:2.81rem;
  margin-bottom: 2.81rem;
  display:inline-block;
}

.animation div:first-child {
  animation: text-animation 8s infinite;
}

 .first div h1{
  color:#CD921E;
}
.second div h1{
  color:#CD921E;
}
.third div h1{
  color:#CD921E;
}


body.dark-theme h1{
    color: #fff
}
body.light-theme h1{
    color: #000
}


@keyframes text-animation {
  0% {margin-top: 0;}
  10% {margin-top: 0;}
  20% {margin-top: -5.62rem;}
  30% {margin-top: -5.62rem;}
  40% {margin-top: -11.24rem;}
  60% {margin-top: -11.24rem;}
  70% {margin-top: -5.62rem;}
  80% {margin-top: -5.62rem;}
  90% {margin-top: 0;}
  100% {margin-top: 0;}
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .hero-container {
    display: none
  }

  .hero-small{
    display: block !important;
  }

  .page-navbar .nav-navbar .nav-link img {
    width: 80px
  }

  .m-auth{
    display: block !important;
  }

  .m-donate{
    display: block !important;
  }
}

.body-wrapper{
  margin-top: 150px
}