@import url("https://fonts.googleapis.com/css?family=Abhaya+Libre:regular&display=swap");
body {
  font-family: 'Abhaya Libre', sans-serif;
  font-weight: 400;
  color: #393939;
}


.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}

.page__section{
   display: grid;
   grid-template-columns: 0.9375rem 1fr minmax(auto, 95.8125rem) 1fr 0.9375rem;
   
}
.page__container {
  grid-column: 1 / 6;
  height: 100vh;
}
.page__image {
   flex-basis: 55.75rem;
   flex-grow: 1;
}
.page__image img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.page__block {
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
   justify-content: space-between;
   flex-basis: 39.375rem;
   padding-bottom: 4.75rem;
   padding-top: 11rem;
   padding-left: 6.75rem;
}
.page__title {
 font-size: 10.375rem;
 line-height: 102.41%;
}
.page__label {
 font-size: 2.25rem;
}
@media(min-width: 767.98px){
   .page__container{
      grid-column: 1 / 4;
      column-gap: 1.25rem;
      display: flex;
      justify-content: space-between;
   }
   
}
@media(max-width: 1600px){
   .page__title {
      font-size: 8.125rem;
     }
     .page__block {
      justify-content: center;
      padding-bottom: 1.875rem;
      padding-top: 1.875rem;
      padding-left: 0rem;
   }
   
}
@media(max-width: 991.98px){
   .page__title {
      font-size: 6.25rem;
     }
}
@media(max-width: 767.98px){
   .page__title {
      font-size: 3.125rem;
     }
     .page__label {
      font-size: 1.5rem;
     }
     .page__block {
      justify-content: center;
      padding-bottom: 1.875rem;
      padding-top: 1.875rem;
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
   }
}
