.text-overlap {
  font-family: "Oswald", serif;
  font-weight: 500;
  font-size: 40px;
  /*text-transform: uppercase;*/
}

.text-overlap.splitting .char {
  margin-right: -0.12em;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  animation: slide-in 2.5s cubic-bezier(0, 0.65, 0.29, 1) 0s both, fade-in 1.25s linear both;
  animation-delay: calc(1s + (0.5s * var(--distance-percent)));
}
@keyframes slide-in {
  0% {
    transform: translateX(1em);
    transform: translateX(calc(0.12em * var(--char-offset))) translateZ(0px);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
}
.text-overlap.splitting b {
  display: inline-block;
  /* color: #CF4647; */
  color: #FF5733;
  animation-name: slide-in-v, fade-in;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-duration: 1.75s, 1s;
  animation-timing-function: cubic-bezier(0, 0.7, 0.1, 1), linear;
}
@keyframes slide-in-v {
  0% {
    opacity: 0;
    transform: translateX(1em);
    transform: translateY(-50vh);
  }
}
.text-overlap.splitting b ~ * .char {
  z-index: calc(1 * (var(--char-total) - var(--char-index)));
}


.logo-h span,
.logo-h span span,
.logo-l span,
.logo-l span span  {
  color: #fff;
}

.logo-e span,
.logo-e span span
{
  /* left: -1px; */
  top: 5px;
  z-index: 1000; 
  color: #FF5733;
  /* color: #FECE1A; */
  font-family: 'Oswald', serif;
  font-size: 56px; 
  line-height: 56px; 
  font-weight: 400;
  text-shadow: 1px 1px 2px white;
}

.logo-e span span {
  transform: rotate(8deg);
}

.logo-text {
  display: none; 
  vertical-align: top; 
  position: relative; 
  top: 0px;
}


.logo-img-container {
  width: 60px;
  height: 50px;
  margin-right: 6px;
  display: inline-block;
  padding-top: 0px;
  
}

.logo-img-container img {
  width: 60px;
  height: auto;
  border: 0;
  display: none; /* initially hidden */
}



.logo-img-container-2 {
  width: 68x;
  height: 54px;
  margin-right: 2px;
  display: inline-block;
  padding-top: 19px;
  vertical-align: bottom;
  
}

#logo-img-2 {
  display: none;
  width: 68px;
  height: auto;

}


.logo-img-container-3 {
  margin-bottom: -14px;
  display: flex; justify-content: center; align-items: center;
}

#logo-img-3 {
  display: none;
  width: 82px;
  height: auto;
  margin-left: 2px;
}

#logo-img-header {
  display: none;
  width: 82px;
  height: auto;
  margin-left: 2px;
}