@import url("https://fonts.googleapis.com/css?family=Poppins:300&display=swap");
@import url("https://fonts.googleapis.com/css?family=Playfair:300,700&display=swap");

body{
   font-family: "Poppins", sans-serif;
   font-weight: 300;
   color: #FFF;
}
.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}

.page {
   position: relative;
   height: 100vh;
   background: url("../img/background.jpg") center/ cover no-repeat;
   display: flex;
   align-items: flex-end;
   justify-content: center;
}
.page__container {
   position: relative;
   z-index: 2;
   padding: 1.3125rem 0.9375rem 1.8125rem 0.9375rem;
   max-width: 50.875rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   gap: 1.25rem;
   height: 100%;
}
.page__link {
   color: rgba(255, 255, 255, 0.5);
   text-align: center;
   font-size: 1.5625rem;
   line-height: 3.44em;
 }
 .page__link:hover{
    color: #FFF;
    transition: color 0.3s ease;
 }
 .page__block {
   font-family: "Playfair", sans-serif;
   display: flex;
   flex-direction: column;
   gap: 2.9375rem;
   align-items: center;
   text-align: center;
}
.page__title {
   font-size: 10.125rem;
   font-weight: 700;
   line-height: 0.53; 
   letter-spacing: 0.6075rem; 
}

.page__text {
   font-size: 3.25rem;
   font-weight: 300;
   line-height: 1.65em; 
   letter-spacing: 4.94rem;
   text-align: center;
}

@media(max-width: 1080px){
   .page__title{
      font-size: 7.5rem;
   }
   .page__text{
      letter-spacing: 4rem;
   }
}
@media(max-width: 767.98px){
   .page__title{
      font-size: 6rem;
   }
   .page__text{
      font-size: 3rem;
      letter-spacing: 3rem;
   }
}
@media(max-width: 460px){
   .page__title{
      font-size: 4.125rem;
   }
   .page__text{
      font-size: 3rem;
      letter-spacing: 2.5rem;
   }
   .page__link{
      font-size: 1.25rem;
   }

}