.logo_a {
  display: inline-block;
  transform: translateX(-100%);
  opacity: 0;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.logo_a.show {
  transform: translateX(0);
  opacity: 1;
}

.arrow-left {
  cursor: pointer;

}
.arrow-left.show {
  right: 20px;
  opacity: 1;
  display: flex
;
  top: 25px;

}

.arrow-left.arrow-rotated {
  transform: rotate(270deg);
  transition: transform .3s ease-in-out;
  border-right: 15px solid #000000;
}

.fade-in-section {
  opacity: 0;
  transform: translateY(20vh);
  visibility: visible;
  transition: opacity 1200ms ease-out, transform 600ms ease-out, visibility 1200ms ease-out;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
}

.read_moreeee {
  opacity: 0;
  transform: translateX(-200px);
  visibility: hidden;
  transition: opacity 1200ms ease-out, transform 600ms ease-out;
}

.read_moreeee.is-visible {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}


@media (max-width: 600px) {

  .arrow-left.show {
  }
}