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

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

.page {
   position: relative;
   height: 100vh;
   background: url(../img/men.svg) bottom right/ contain no-repeat, radial-gradient(50% 50% at 50% 50%, #11013C 0%, #0B0126 100%);
   align-content: center;
}

.page__container {
   padding: 0.9375rem;
   margin: 0 auto;
}
.page__subtitle {
   font-size: 2rem;
   line-height: 1.5em;
   padding-bottom: ; 
}
.page__title {
   font-size: 7.5rem;
   line-height: 0.91em; 
   max-width: 58.25rem;
}
@media (min-width: 1060px){
  .page__container{
     width: 72%;
  }
  
}
@media (max-width: 1060px){
    .page__title{
      font-size: 6rem;
    } 
    .page__container{
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
}
@media (max-width: 991.98px){
   .page__title{
      font-size: 5rem;
    }
    .page{
      align-content: baseline;
    } 
}
@media (max-width: 767.98px){
   .page__title{
      font-size: 4rem;
    } 
    
}