@import url("https://fonts.googleapis.com/css?family=Montserrat:500&display=swap");


body{
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
   font-size: 1.5625rem;
}
.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}

.page {
   position: relative;
   height: 100vh;
   background-color: #09221C;
   display: flex;
   justify-content: center;
}


.page__container {
   position: relative;
   height: 100%;
   display: flex;
   gap: 1.25rem;
   width: 100%;
   padding: 0 0.9375rem;
   justify-items: center;
   justify-content: center;
}
.page__container::before{
   content: "";
   background-color: #FF932F;
   height: 100%;
   width: 35%;
   position: absolute;
   top: 0%;
   left: center;
}
.page__image{
   position: absolute;
   height: 100%;
   max-width: 390px;
   width: 100%;
   position: absolute;
   z-index: 4;
   top: 0%;
   left: center;
}
.page__image img{
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}
.page__block {
   position: relative;
   z-index: 5;
   padding-top: 12%;
   padding-bottom: 5%;
   display: flex;
   flex-direction: column;
   gap: 0.9375rem;
   justify-content: space-between;
}
.page__content{
   display: flex;
   flex-direction: column;
   gap: 0.9375rem;
}
.page__block img{
   max-width: 100%;
}
.page__subtitle {
   color: #FFF;
   letter-spacing: 1.09375rem;
   line-height: 1.2em;
}

.page__title-coming img{
   max-width: 100%;
}
.page__title-soon {
    align-self: flex-end;
    padding-bottom: 25%;
    z-index: 4;
}
.page__title-soon img{
   max-width: 100%;
}
.page__link {
  color: #FF932F;
  line-height: 2em;
}
.page__link:hover{
   text-decoration: underline;
}
@media(min-width: 767.98px){
   .page__title-soon {
      transform: translateX(-25%);
  }
  .page__block {
   flex: 0 1 63%;
   z-index: 3;
}
}
@media(max-width: 1050px){
   .page__container::before{
      display: none;
   }
}
@media(max-width: 767.98px){
   .page__container{
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 2.5rem 0.9375rem;
   }
   .page__block{
      padding: 0;
   }
   .page__title-soon{
      padding-bottom: 0;
      align-self: center;
   }
   .page__subtitle{
      font-size: 1.375rem;
   }
   .page__link{
      font-size: 1.375rem;
   }
}