@font-face{
   font-family: "Alosia Sans";
   src: url("../fonts/alosia-sans.woff2") format('woff2'),
   url("../fonts/alosia-sans.woff") format('woff');
   font-display: swap;
   font-weight: 400;
   font-style: normal;
}

body{
   font-family: "Alosia Sans", sans-serif;
   color: #4D768C;
}
.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}

.page {
   position: relative;
   height: 100vh;
   background: url(../img/flowers.png) center right/ auto 87% no-repeat, #F0ECE4;
   align-content: center;
}

.page__container {
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
   height: 100%;
   max-width: 83.3125rem;
   margin: 0 auto;
   padding-bottom:0rem 0.9375rem 0rem 0.9375rem;
}
.page__block-text {
   flex-grow: 0;
   border-radius: 0rem 0rem 12.5rem 12.5rem;
   background: #FFF;
   max-width: 10.4375rem;
   min-height: 10.125rem;
   margin-left: 0.9375rem;
   padding: 2.4375rem 1.5625rem 2.8125rem 0.875rem;
}
.page__subtitle {
   font-size: 1.3125rem;
   line-height: 0.95em; 
}
.page__block-content {
   flex-grow: 1;
   display: flex;
   align-content: center;
}
.page__title {
   align-content: center;
   font-size: 8.4375rem;
   line-height: 0.96em;
   max-width: 60%; 
   padding-left: 7%;
}
.page__link {
   flex-grow: 0;
   line-height: 1.25;
   padding-left: 1.875rem;
   transition: color 0.3s ease;
   padding-bottom: 1.625rem;
}
.page__link:hover{
   color: rgba(77, 118, 140, 0.792);
}
@media(width<= 1120px){
   .page__title{
      font-size: 7rem;
   }
   .page {
      background: url(../img/flowers.png) center right/ 50% no-repeat, #F0ECE4;
   }
}
@media(width<= 991.98px){
   .page__title{
      font-size: 6rem;
   }
}
@media(width<= 767.98px){
   .page__title{
      font-size: 5rem;
   }
   .page {
      background: url(../img/flowers.png) bottom right/ 50% no-repeat, #F0ECE4;
   }
   .page__block-content {
      flex-grow: 0;
   }
   .page__container{
      gap: 3rem;
   }
}