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

body{
   font-family: "Poppins", 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::before{
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 69%;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 89%);
   filter: blur(0.625rem);
}

.page__container {
   position: relative;
   z-index: 2;
   padding: 5.625rem 0.9375rem 2.0625rem 0.9375rem;
   max-width: 50.875rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   gap: 1.25rem;
   height: 100%;
}

.page__title {
   color: #272727;
   text-align: center;
   font-size: 9.8125rem;
   font-weight: 700;
   line-height: 0.92em; 
}
.page__block {
   display: flex;
   flex-direction: column;
   gap: 2.9375rem;
   color: #FFF;
   font-weight: 300;
   align-items: center;
   text-align: center;
}
.page__text {
   font-size: 2.9375rem;
   line-height: 1.82em; 
}
.page__link {
  font-size: 1.375rem;
  line-height: 3.9em; 
}
.page__link:hover{
   text-decoration: underline;
}
@media(max-width: 1560px){
   .page {
      background: url("../img/background.jpg") center/ cover no-repeat;
   }
}
@media(max-width: 1080px){
   .page__title{
      font-size: 7.5rem;
   }
   .page__text{
      font-size: 2.125rem;
   }
}
@media(max-width: 767.98px){
   .page__title{
      font-size: 6rem;
   }
   .page__text{
      font-size: 2rem;
   }
   .page__link{
      font-size: 1rem;
   }
}
@media(max-width: 450px){
   .page__title{
      font-size: 4.5rem;
   }

}