.wrapper { width: 100%; max-width: 1176px; margin: 0 auto; } .menu__top { padding-top: 32px; } .top__links { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 137%; color: rgba(65, 65, 65, 0.38); } .top__links a { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 137%; color: rgba(65, 65, 65, 0.38); } .top__title { font-family: var(--font-family); font-weight: 500; font-size: 30px; line-height: 140%; color: #414141; } .menu__block { display: flex; gap: 33px; } .menu__block picture { min-width: 420px; width: 420px; height: 420px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .block__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; } .block__top h2 { font-family: var(--font-family); font-weight: 600; font-size: 30px; line-height: 140%; color: #ff7979; } .block__top span { font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 140%; color: #ff7979; } .block__text { font-family: var(--font-family); font-weight: 300; font-size: 16px; line-height: 140%; color: #000; } .block__right { margin-top: 25px; } .filling-section { padding-bottom: 50px; } .menu__block-reverse { flex-direction: row-reverse; } @media (max-width: 800px) { .menu__block { flex-direction: column; } .menu__block picture, .menu__block picture img { width: 100%; min-width: auto; } } @media (max-width: 400px) { .menu__block { flex-direction: column; gap: 0; } .menu__block picture img { width: 100%; } .block__top { flex-direction: column; align-items: flex-start; } .block__right { margin-top: 10px; } .block__top { margin-bottom: 10px; } }