.main__hero {
    background: transparent url('../img/contact__hero-m.jpg') no-repeat top center/contain;
    margin-bottom: 40px;
    height: 189.6vw
}
.main__hero_title {
    padding-top: 16.8vw;
}
@media (max-width: 768px) {
    .main__hero_title {
        max-width: 200px;
    }     
}
@media (min-width: 769px) {
    .main__hero {
        background: transparent url('../img/contact__hero.jpg') no-repeat top center/contain;
        margin-bottom: 108px;
        height: 43.5vw
    }
    .main__hero_title {
        padding-top: 0
    }
}
.contact__container {
    padding-top: 58px;
}
.contact__header {
    margin-bottom: 38px;
}
.contact__title {
   font-size: 40px;
   line-height: 43px;
   letter-spacing: -0.03em;
   color: #000000;
}
.contact__title > span {
   font-family: 'Lumios Marker', sans-serif;
   font-style: italic;
   font-size: 53px;
   line-height: 43px;  
   letter-spacing: 0;  
   color: #75AAD3;
   position: relative;
   top: -4px;
}
.contact__return {
   margin: 40px 0;
   padding: 30px 40px;
   border: 1px solid #000;
   text-align: center;
   display: none
}
.contact__return p:first-child {
    font-weight: bold
}
.contact__label {
    display: inline-block;
    width: 100%;
   font-weight: 500;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.03em;
   color: #000000;
   margin-bottom: 7px;
}
.contact__input,
.contact__textarea {
   background: #FFFFFF;
   border: 1px solid #C8C8C8;
   border-radius: 5px;
   width: 100%;
   font-weight: 500;
   font-size: 13px;
   line-height: 20px;
   letter-spacing: -0.03em;
   color: #000;
   padding: 14px 15px;
   margin-bottom: 30px;
}
.contact__textarea {
    height: 257px;
}

.contact__input::placeholder,
.contact__textarea::placeholder {
   color: #D2D2D2;
   opacity: 1;
 }
 
 .contact__input:-ms-input-placeholder,
 .contact__textarea:-ms-input-placeholder {
   color: #D2D2D2;
 }
 
 .contact__input::-ms-input-placeholder,
 .contact__textarea::-ms-input-placeholder {
   color: #D2D2D2;
 }

.contact__form_btn {
   display: flex;
   justify-content: flex-end;
}
.contact__form_btn > input[name="city"] {
    display: none;
}
.contact__form_btn input[type="submit"]:hover {
    opacity: 0.8
}
.contact__form_btn input[type="submit"]:disabled {
   opacity: 0.8;
   color: #aaa
}
.btn--submit {
   padding: 13px 33px;
   cursor: pointer;
   position: relative;
   top: -3px;
   border: 2px solid var(--color-blue);
   transition: all 250ms ease-in-out
}
.btn--submit:hover {
   border-color: var(--color-green);
   background-color: var(--color-green);
}
@media (min-width: 769px) {
   .contact__container {
       padding-top: 0;
       display: flex;
        justify-content: space-between;
   }
   .contact__header {
       margin-bottom: 0
   }
   .contact__title {
       font-size: 5.0847vw;
       line-height: 1.26667;
    }
    .contact__title > span {
       font-size: 6.7796vw;
       line-height: 0.8125;  
       top: -0.67796vw;
    }
    .contact__form_container {
       width: 57.5%;
       padding-top: 7px;
       padding-right: 8.5%;
    }
    .contact__form_line {
       display: flex;
       justify-content: space-between;
       margin-bottom: 37px;
   }
   .contact__form_line--full {
       display: block;
   }
   .contact__input_container {
       width: 48%
   }
   .contact__input,
   .contact__textarea {
       margin-bottom: 0
   }
   .btn--submit {
        padding: 13px 57px;
   }
}
@media (min-width: 1180px) {
    .contact__title {
        font-size: 60px;
     }
     .contact__title > span {
        font-size: 80px; 
        top: -8px;
     }
}