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


body{
   font-family: "Assistant", sans-serif;
}
.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}

.page {
   position: relative;
   height: 100vh;
   background: url("../img/background.jpg") 0 0/ cover no-repeat;
   display: flex;
   align-items: flex-end;
   justify-content: center;
}

.page__container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   max-width: 102.0625rem;
   padding: 3.875rem 0.9375rem;
}
.page__block {
   position: relative;
   z-index: 3;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 2.25rem;
}

.page__block::before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url('../img/image.svg') no-repeat bottom;
   background-size: contain; 
   z-index: -1;
}
.page__bg{
   padding: 16.5rem 3rem 3.4375rem 4rem;
}
.page__label {
   color: #9F6D6D;
   font-size: 2.0625rem;
   line-height: 4.4em; 
}
.page__title {
   color: #F8F8F8;
   font-size: 9.8125rem;
   line-height: 0.92em; 
}
@media(max-width: 1515px){
   .page__title{
      font-size: 7rem;
   }
   .page__block{
     width: 717px;
   }
}
@media(max-width: 1515px){
   .page {
      background: url("../img/background.jpg") center/ cover no-repeat;
   }
}
@media(max-width: 767.98px){
 .page__container{
   grid-template-columns: 1fr;
 }
 .page__block{
   width: 100%;
 }
.page__label{
   font-size: 1.25rem;
}
}
@media(max-width: 520px){
   
   .page__block{
     gap: 0.9375rem;
   }
   .page__title{
     font-size: 4rem;
  }
  }