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


.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}

.page {
   height: 100vh;
}
.page__container {
   padding: 7.6875rem 0.9375rem 2.375rem 0.9375rem;
   max-width: 103.5rem;
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
   justify-content: space-between;
   height: 100%;
   margin: 0 auto;
}
.page__title {
   font-family: 'Kanit', sans-serif;
   color: #FFF;
   font-size: 12rem;
   font-weight: 600;
   line-height: 85.938%; 
   letter-spacing: 0.24rem;
   align-self: flex-end;
}
.page__ladel {
   font-family: 'Inter', sans-serif;
   color: #F0F0F0;
   font-size: 2rem;
   font-weight: 400;
}
.page__img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.page__img img{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
@media(min-width: 1470px){
   .page__title{
      max-width: 40%;
   }
}
@media(max-width: 1000px){
   .page__title{
      font-size: 10rem;
      align-self: center;
   }
   .page__container{
      padding: 3.75rem 0.9375rem 2.375rem 0.9375rem;
   }
}
@media(max-width: 550px){
   .page__title{
      font-size: 6rem;
   }
   .page__ladel{
      font-size: 1.5rem;
   }
}