.about-us-page { padding: 118px 90px 0px 90px; display: flex; flex-direction: column; gap: 40px; &__image { display: flex; justify-content: center; margin-bottom: 25px; img { width: 100%; height: 600px; object-fit: cover; border-radius: 12px; } } &__container { display: flex; flex-direction: column; gap: 10px; h3 { color: #3e3232; font-size: 24px; font-weight: 600; } div { display: flex; flex-direction: column; gap: 30px; p { color: #3e3232; font-feature-settings: "clig" off, "liga" off; font-size: 20px; font-weight: 500; line-height: 34px; } } } } @media screen and (max-width: 1024px) { .about-us-page { padding: 112px 30px 0px 30px; } } @media screen and (max-width: 768px) { .about-us-page { padding: 112px 30px 0px 30px; gap: 30px; &__image { margin-bottom: 0; img { height: 392px; } } &__container { h3 { font-size: 20px; } div { gap: 20px; p { font-size: 18px; } } } } } @media screen and (max-width: 550px) { .about-us-page { padding: 112px 16px 0px 16px; gap: 20px; &__image { margin-bottom: 30px; img { height: 230px; } } &__container { div { p { font-size: 16px; } } } } }