@import url("https://fonts.googleapis.com/css?family=Rozha+One:regular&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:300&display=swap");


body{
   font-family: "Poppins", sans-serif;
   color: #000;
}
.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__container {
   padding: 5.625rem 0.9375rem;
   display: grid;
   grid-template-columns: 1fr 1fr;
   max-width: 90.375rem;
}

.page__title {
  font-family: "Rozha One",sans-serif;
  font-size: 10.625rem;
  line-height: 0.82em; 
}
.page__title:not(:last-child){
   margin-bottom: 2.0625rem;
}
.page__text {
  font-size: 1.875rem;
  line-height: 4;
}
.page__text:not(:last-child){
   margin-bottom: 7.8125rem;
}
.page__link {
   font-size: 1.875rem;
   font-weight: 300;
   padding: 1.75rem 2.0625rem;
   border-radius: 0.25rem;
   border: 0.125rem solid #000;
   line-height: 4;
}
.page__link:hover{
   color: rgba(0, 0, 0, 0.7);
   border: 0.125rem solid rgba(0, 0, 0, 0.7);
   transition: all 0.3s ease;
}
@media(max-width: 1600px){
  .page{
   background: url("../img/background.jpg") center/ cover no-repeat;
  }
}
@media(max-width: 991.98px){
   .page__title{
      font-size: 6.25rem;
   }
   .page__link{
      line-height: 1.5;
      padding: 1.25rem;
   }
   .page__text{
      line-height: 1.5;
   }
   .page__container{
      grid-template-columns: 1fr;
      padding: 0.9375rem;
   }
   .page{
      align-items: center;
   }
}

@media(max-width: 767.98px){
   .page__title{
      font-size: 5.5rem;
   }
   .page__link,
   .page__text{
      font-size: 1.25rem;
   }
   .page__link{
      padding: 0.625rem;
   }
}
@media(max-width: 360px){
   .page__title{
      font-size: 4.5rem;
   }
   .page__link,
   .page__text{
      font-size: 1.1rem;
   }
   .page__link{
      padding: 0.625rem;
   }
}