:root {
  --secondary-color: #EC7600;
  --contrast-color: #0000FF;
}
.Openingoverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: -10;
  background-color: var(--contrast-color);  
}

.Openingcontainer {
  display: flex;
  height: 100vh;
  justify-content: space-around;
  align-items: center;
  color: #000;
  animation: expand 0.8s ease forwards;
  background-color: var(--secondary-color);
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  transition: all 3.8s ease;animation-duration: 3s;
}

.Openingcontainer_content {
  width: 40%;
}

.Openingcontainer_content_inner {
  width: 90%;
  padding-top:40%;
  padding-left: 80px;
}

.Openingcontainer_outer_img {
  position:absolute;
  top: 200px;
  right:10%;
  width: 40%;
  overflow: hidden;
}

.Openingcontainer_img {
  width: 100%;
  animation: slideIn 3.5s ease-in-out forwards;
}

@media only screen and (max-width: 750px) {
.Openingcontainer_content {
  width: 100%;
  }
.Openingcontainer_outer_img {
  top: 130px;
  right:34%;
  width:30%
}
}

@media only screen and (max-width: 565px) {
.Openingcontainer_outer_img {
position:absolute;
  top: 80vh;
}
}

.Openingpar {
  height: auto;
  overflow: hidden;
}

.Openingwelcome {
  line-height: 28px;
  transform: translateY(300px);
  animation: slideUp 3.8s ease-in-out forwards 1.8s;
}
@media only screen and (max-width: 550px) {
.Openingwelcome {font-size:.9em}
}

.Openingbtns {
  height: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.Openingbtns_more {
  width:90%;
  background: transparent;
  border: 1px solid var(--contrast-color);
  border-radius: 50px;
  padding: 8px 12px;
  color: var(--contrast-color);
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  margin-top: 15px;
  outline: none;
  transform: translateY(50px);
  animation: slideUp 1.8s ease-in-out forwards 1s;
}

.Openingtitle {
  overflow: hidden;
  height: 120px;
}

h3 {
  font-size: 30px;
  color: var(--contrast-color);
  margin-bottom: 20px;
  transform: translateY(100px);
  animation: slideUp 2.8s ease forwards 1.5s;
}
@media only screen and (max-width: 1000px) {
h3 {font-size: 24px}

}
@media only screen and (max-width: 550px) {
h3 {font-size: 20px}
}

@keyframes slideIn {
  0% {
    transform: translateX(500px) scale(0.2);
  }
  100% {
    transform: translateX(0px) scale(1);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes expand {
  0% {
    transform: translateX(1400px);
  }
  100% {
    transform: translateX(0px);
  }
}