@font-face { font-family: "Golos-Text"; src: url("./fonts/Golos-Text_Medium.ttf") format("truetype"); } .container { width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 105px 0; box-sizing: border-box; } .container__item_withImage { display: flex; flex-direction: column; align-items: center; } .container__image_default { max-width: 100%; height: auto; margin-bottom: 20px; } .container__image_mini { max-width: 50%; height: auto; display: none; } .container__title, .container__description, .container__text { color: #000; font-family: "Golos-Text"; font-style: normal; } .container__text { color: #585D67; } .container__title { font-size: 128px; } .container__description { font-size: 36px; margin-bottom: 14px; } .container__text { font-size: 16px; padding-top: 10px; } .container__text a { color: #585D67; text-decoration: none; } @media (max-width: 720px) { .container { padding: 0; flex-direction: column-reverse; align-items: center; } .container__image_default { display: none; } .container__image_mini { display: block; } .container__title { color: #000; font-size: 64px; font-style: normal; font-weight: 300; line-height: 74px; } .container__description { color: #000; text-align: center; font-size: 20px; font-style: normal; font-weight: 300; line-height: 20px; /* 100% */ } .container__title, .container__description, .container__text { text-align: center; } }