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

.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}
.header {
}
.header__container {
   padding: 1.8125rem 0.9375rem;
   display: flex;
   align-items: center;
   justify-content: center;
}
.header__block {
   color: #71769E;
   font-family: Montserrat;
   font-size: 2.0625rem;
   font-weight: 500;
}
.header__block span{
   font-weight: 800;
}
.page {
   
}
.page__container {
   max-width: 64.8125rem;
   padding: 8.25rem 0.9375rem 3.75rem 0.9375rem;
   margin: 0 auto;
   position: relative;
}
.page__title {
  color: #1D252C;
  font-family: "Outfit";
  font-size: 7.5rem;
  font-weight: 700;
  line-height: 107%; 
  letter-spacing: -0.3rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}
.page__one-part {
   align-self: center;
}
.page__one-two {
}
.page__one-three {
   align-self: flex-end;
}
.page__block-img{
   position: absolute;
   z-index: 2;
   width: 33.25rem; 
   height: 22.3125rem; 
   border: 0.625rem solid #FFF;
   box-shadow: 0.5625rem 1rem 1.8125rem 0rem rgba(113, 118, 158, 0.30);
}
.page__block-img--left{
   transform: rotate(6.667deg);
   flex-shrink: 0;
   left: -33%;
   top: 60%;
}
.page__block-img--right{
   transform: rotate(-7.238deg);
   flex-shrink: 0;
   top: 86%;
   right: -16%;
}
.page__image {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover; 
   object-position: center;
}

@media(max-width: 1160px){
   .page__container {
      max-width: 43.75rem; 
      padding: 3.125rem 0.9375rem;
   }
   .page__title {
      font-size: 5.625rem;
    }
    .page__block-img{
      width: 27rem; 
      height: 16.0625rem; 
   }
   .page__block-img--left {
      left: -15%;
      top: 92%;
   }
   .page__block-img--right {
      top: 92%;
      right: -15%;
   }
}
@media(max-width: 700px){
   .header__block {
      font-size: 1.625rem;
   }
   .page__container {
      max-width: 31.25rem;  
   }
   .page__title {
      font-size: 3.75rem;
    }
    .page__block-img{
      width: 14.5rem; 
      height: 9.8125rem;  
   }
   .page__block-img--left {
      left: 0%;
      top: 92%;
   }
   .page__block-img--right {
      top: 92%;
      right: 0%;
   }
}
@media(max-width: 500px){
   .header__block {
      font-size: 1.25rem;
   }
   .page__container {
      max-width: 22.5rem;
       
   }
   .page__title {
      font-size: 2.875rem;
    }
    .page__block-img{
      width: 12.5rem; 
      height: 9.375rem;  
   }
   .page__block-img--left {
      left: -10%;
      top: 92%;
   }
   .page__block-img--right {
      top: 92%;
      right: -10%;
   }
}
@media(max-width: 360px){
    .page__block-img{
      width: 11.5rem; 
      height: 8.375rem;  
   }
}