.about-callback {
position: relative;
padding: 40px 0 70px;
background: var(--black);
} .about-callback__content {
display: flex;
flex-direction: column;
max-width: 888px;
width: 100%;
} .about-callback__content h2 {
font-size: 32px;
font-weight: 700;
line-height: 40px;
letter-spacing: 5%;
vertical-align: middle;
text-transform: uppercase;
color: var(--white-text);
margin-bottom: 15px;
} .about-callback__content p {
font-size: 24px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
color: var(--fieldBg);
margin-bottom: 10px;
} .about-callback__content p:last-of-type {
margin-bottom: 0;
} .about-callback__content a {
font-size: 20px;
padding: 16px 33px;
margin-top: 30px;
} .about-callback__content img {
position: absolute;
top: 0;
right: 0;
max-width: 580px;
width: 100%;
height: 100%;
}
@media (max-width: 1400px) {
.about-callback__content {
max-width: 600px;
} .about-callback__content img {
top: 50%;
transform: translateY(-50%);
max-width: 400px;
height: auto;
}
} @media (max-width: 1000px) {
.about-callback {
padding: 40px 0 120px;
} .about-callback__content {
max-width: 600px;
} .about-callback__content img {
top: inherit;
bottom: 0;
transform: translateY(0);
}
} @media (max-width: 850px) {
.about-callback {
padding: 40px 0 200px;
}
} @media (max-width: 720px) {
.about-callback {
padding: 40px 0 300px;
} .about-callback__content img {
max-width: 460px;
}
} @media (max-width: 600px) {
.about-callback {
padding: 30px 0 300px;
} .about-callback__content h2 {
font-size: 24px;
line-height: 100%;
margin-bottom: 15px;
} .about-callback__content p {
font-size: 16px;
margin-bottom: 20px;
} .about-callback__content a {
font-size: 15px;
}
} @media (max-width: 460px) {
.about-callback {
padding: 40px 0 0;
} .about-callback__content img {
position: relative;
max-width: 460px;
padding: 0 20px;
margin-top: 15px; 
}
}