@import url("https://fonts.googleapis.com/css?family=Jacquard+24:regular&display=swap");
@import url("https://fonts.googleapis.com/css?family=Inter:500,700&display=swap");

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

.page {
 font-family:'Inter', sans-serif;
 font-weight: 500;
 background-color: #925BD8;
 color: #FFF;
 display: flex;
 justify-content: center;
}
.page__container {
   max-width: 70.625rem;
   padding: 1rem 0.9375rem;
   display: flex;
   flex-direction: column;
   gap: 2.625rem;
   height: 100vh;
   justify-content: flex-end;
}
.page__title {
   text-align: center;
   font-size: 7.5rem;
   font-weight: 700;
   line-height: 1; 
}
.page__title span{
   font-family: "Jacquard 24";
   font-size: 9.375rem;
   font-weight: 400;
   line-height: 1.2;
}
.page__image {
   flex: 0 1 46.5625rem;
   text-align: center;
}
.page__image img{
   max-width: 100%;
}
.page__link { 
   text-align: center;
   font-size: 1.875rem;
   font-weight: 500;
   line-height: 3; 
}
.page__link:hover{
   text-decoration: underline;
}
@media(max-width: 1440px){
   .page__title{
      font-size: 5rem;
   }
   .page__title span{
      font-size: 6rem;
   }
   .page__container{
      gap: 1.25;
   }
}
@media(max-width: 991.98px){
   .page__title{
      font-size: 3.75rem;
   }
   .page__title span{
      font-size: 5rem;
   }
   .page__container {
      padding:4rem 0.9375rem 1rem 0.9375rem;
   }
}
@media(max-width: 767.98px){
   .page__title{
      font-size: 2.5rem;
   }
   .page__title span{
      font-size: 3.125rem;
   }
   .page__link{
      font-size: 1.25rem;
   }
   .page__container {
      padding: 6rem 0.9375rem 1rem 0.9375rem;
   }
}