.row    {
    margin: 0;
}
.no-padding {
    padding: 0;
}
.adress-title, .svyaz-title, .pochta-title   {
    font-family: CaviarDreams;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 3.89;
    color: #302f2e;
    margin: 0;
    padding: 0;
}
.adress {
    font-family: CaviarDreams;
    font-size: 1.75em;
    font-weight: bold;
    line-height: 0.3;
    color: #302f2e;
}
.svyaz, .pochta {
    font-family: CeraPro;
    font-size: 2.375em;
    font-weight: 900;
    line-height: 0.3;
    color: #dea04a;
}
.kontakt-form   {
    background-color: #dea04a;
    padding: 57px 27px;
}
.kontakt-form-title {
    font-family: CaviarDreams;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.25;
    color: #ffffff;
    position: relative;
}
.kontakt-form-title::before {
    content: '';
    width: 60%;
    height: 3px;
    position: absolute;
    bottom: -10%;
    left: 10%;
    background: #ffffff;
}
.kontakt-form input {
    width: 100%;
    background: transparent;
    color: #ffffff;
    border-bottom: 1px solid #ffffff!important;
    padding: 1em;
}
.kontakt-form input::placeholder    {
    font-family: CaviarDreams;
    font-size: 1em;
    font-weight: bold;
    line-height: 2.5;
    color: #ffffff;
}
.send   {
    border-right: 1px solid #ffffff;
}
.kontakt-form .write  {
    padding-left: 4em;
}
.write-title    {
    opacity: 0.5;
    font-family: CaviarDreams;
    font-size: 1em;
    font-weight: bold;
    line-height: 2.5;
    color: #ffffff;
}

.write .field-contactform-body {
    width: 100%;
    height: 70%;
}

.write textarea {
    width: 100%;
    height: 100%;
    background: transparent;
    color: #ffffff;
    border: none;
    outline: none;
    resize: none;
}

.write textarea::placeholder   {
    outline: none;
    background: transparent;
    font-family: CaviarDreams;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    line-height: 2.5;
    color: #ffffff;
}
.write button   {
    font-family: CaviarDreams;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.45;
    color: #7389e8;
    border-radius: 4px;
    box-shadow: 0 24px 36px 0 rgba(0, 0, 0, 0.24);
    background-color: #ffffff;
    padding: 1em;
    margin-top: 2em;
}
.kontakt-img    {
    position: absolute;
    top: -300px;
    right: 0;
    z-index: -1;
}

@media only screen and (max-width: 1200px)  {
    .adress {
        font-size: 1.5em;
        line-height: 1.2;
    }
    .svyaz, .pochta {
        line-height: 1;
        font-size: 1.5em;
    }
}
@media only screen and (max-width: 768px)  {
    .write button {
        padding: 0;
    
    }
    .kontakt-img {
        top: -236px;
        right: -93px;
    }
    .kontakt-img    img {
        width: 75%
    }
}

@media only screen and (max-width: 400px)   {
    .svyaz-title, .pochta-title {
        line-height: normal;
    }
    .container  {
        overflow-x: hidden;
    }
   
    .margin {
        margin-top: 15em;
    }
    
    .send  {
        border: none;
    }
    .write  {
        padding-top: 2em;
        padding-left: 1em;
    }
    .write button   {
        font-size: 1em;
        padding: 1em;
    }
    
    .kontakt-form  {
        padding-bottom: 5em;
    }
    .kontakt-img {
        top: -236px;
        right: -25px;
    }
}