section.herobanner__container .container-fluid{ display: flex; gap: 50px; max-width: 1140px; width: 100%; flex-direction: row; padding: 0 16px; } section.herobanner__container .textblock{ align-items: start; max-width: 50%; width: 100%; padding-top: 70px; } section.herobanner__container .textblock h1{ font-size: 46px; } section.herobanner__container .textblock h2{ color: white; font-size: 22px; text-align: left; } @media(max-width:991px){ section.herobanner__container .textblock{ align-items: center; max-width: 100%; width: 100%; padding-top: 0; } section.herobanner__container .textblock h1{ font-size: 30px; } section.herobanner__container .textblock h2{ font-size: 20px; } section.herobanner__container .textblock ul{ padding: 0 16px; } section.herobanner__container .textblock ul li{ padding: 0 0 8px 0; } }