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


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

.page {
   position: relative;
   height: 100vh;
   background: url(../img/background.jpg)0 0 /cover no-repeat;
}

.page__container {
   margin: 0 auto;
   padding: 4.5% 4.5% 2% 4.5%;
   height: 100%;
   display: flex;
   flex-direction: column;
   gap: 1.25%;
   justify-content: flex-end;
}
.page__title {
   color: #68B8AF;
   font-family: "Notable", sans-serif;
   font-size: 4.6875rem;
   font-weight: 400;
   line-height: 0.98em; 
   max-width: 51.25rem;
}
.page__title span{
   color: #E5443A
}
.page__link {
   color: #4B4B4B;
   font-family: "Montserrat" , sans-serif;
   font-size: 2.1875rem;
   font-weight: 400;
   line-height: 2.11em; 
}
.page__link:hover{
   text-decoration: underline;
}
@media(max-width: 991.98px){
   .page__title{
      font-size: 4rem;
   }
}
@media(max-width: 767.98px){
   .page__title{
      font-size: 2.3rem;
   }
   .page__link{
      font-size: 1.25rem;
   }
   .page__container{
      justify-content: center;
   }
}