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


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

.page {
   position: relative;
   height: 100vh;
   background-color: #EE7947;
   display: flex;
   align-items: center;
   justify-content: center;
}
.page__section{
   display: grid;
   grid-template-columns: 0.9375rem 1fr minmax(auto, 90.125rem) 1fr 0.9375rem;
}
.page__container {
   grid-column: 1 / 6;
   padding: 5.9375rem  0.9375rem;
   text-align: center;
}
.page__content {
   display: flex;
   flex-direction: column;
   gap: 4rem;
   flex-basis: 38.5rem;
   align-self: center;
   padding-bottom: 1.875rem;
}
.page__title {
   font-size: 8.4375rem;
   font-weight: 700;
   line-height: 1em;
}
.page__link {
   font-size: 1.5625rem;
   line-height: 2.24em; 
}
.page__link:hover{
   text-decoration: underline;
}
.page__image {
   flex-grow: 1;
   flex-basis: 62.5rem;
   overflow: hidden;
}
.page__image img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

@media(min-width: 767.98px){
   .page__container{
      grid-column: 3 / 6;
      column-gap: 1.25rem;
      display: flex;
      text-align: start;
   }
   .page__content{
      padding-bottom: 0;
   }
}
@media(max-width: 1200px){
   .page__title{
      font-size: 6.25rem;
   }
}
@media(max-width: 991.98px){
   .page__title{
      font-size: 4.5rem;
   }
   .page__link{
      font-size: 1.125rem;
   }
}