.subsribe-box{ display: flex; flex-direction: column; columns: 2; margin: 30px 0; padding: 20px 100px 20px 40px; background: linear-gradient(135deg, #161616, #fff); border-radius: 47px; color: white; font-weight: bold; } .subsribe-title{ margin: 0 0 30px 0; font-size: 48px; font-weight: bold; } .subsribe-box .text{ font-size: 36px; margin: 0 0 20px 0; } .subsribe-box .add-info{ font-size: 24px; margin: 0 0 10px 0; } .orange-text{ color: #FFC047; } .subsribe-box .button-subsribe{ display: inline-block; margin: 30px 0 0 0; padding: 20px; background-color: #303030; border: none; border-radius: 20px; color: white; font-weight: bold; font-size: 24px; } .add-block{ margin: 30px 0; } .add-block .image-container{ display: block; border-radius: 32px; overflow: hidden; } .image-container img{ width: 100%; } .title-h3{ font-weight: bold; font-size: 36px; } .film-box .image-container{ display: block; border-radius: 27px; overflow: hidden; } .button-more{ margin: 0 0 15px 0; padding: 15px 0; background-color: transparent; border: none; font-size: 24px; font-weight: bold; } @media (max-width: 1200px) { } @media (max-width: 992px) { .add-block{ display: none; } .film-box{ margin: 20px 0 0 0; } } @media (max-width: 768px) { .subsribe-box{ padding: 20px 40px; } .subsribe-box .text{ font-size: 24px; } .subsribe-box .add-info{ font-size: 20px; } } @media (max-width: 576px) { .subsribe-box .add-info{ font-size: 16px; } } @media (max-width: 398px) { .subsribe-box .text{ font-size: 18px; } .subsribe-box .add-info{ font-size: 14px; } .subsribe-box .button-subsribe{ font-size: 16px; } .title-h3{ font-size: 24px; } .button-more{ font-size: 16px; } }