Весенние победы! 200FS за три дня

.text-container h3 { font-weight: bold; margin-bottom: 8px; font-size: 16px; } .text-container p { margin-bottom: 16px; line-height: 1.34; font-size: 16px; } .description .text-container ul { padding-left: 15px; font-size: 16px; } .description .text-container ul li { padding-bottom: 4px; } .white { color: #ffffff; font-weight: bold; } .yellow { color: #f2c924; font-weight: bold; } .text-container { max-width: 1024px; margin: 24px auto; } .text-container hr { background: #494e5a; border: none; height: 1px; box-shadow: 0px -1px 0px #272930; margin: 24px 0; } .text-container .btn { padding: 6px 24px; margin-top: 24px; } .info { display: flex; justify-content: center; align-items: center; width: 1024px; height: 50px; background: #18191d; margin: 24px 0 24px; border: 1px solid #c6a458; } .info-inner { margin: 2px; height: 46px; width: 1020px; display: flex; justify-content: center; align-items: center; } .info-inner p { font-size: 14px; line-height: 20px; padding: 16px 0; text-align: center; margin: 0; } .bonuses { display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; margin-bottom: 24px; } .bonuses .item { display: flex; justify-content: center; align-self: center; width: 304px; height: 238px; background: #272930; } .bonuses .item .item-inner { width: 302px; height: 236px; margin: 1px; display: flex; align-items: center; flex-direction: column; } .bonuses .item .item-inner h3 { margin: 16px 0 8px; } .bonuses .item .item-inner img { width: 134px; height: 134px; margin-bottom: 8px; } .bonuses .item .item-inner .tab { width: 100%; height: 50px; background: #18191d; display: flex; justify-content: center; align-items: center; font-weight: bold; color: #ffffff; } @media only screen and (max-width: 1679px) { .text-container { max-width: 944px; } .info { width: 944px; } .info-inner { width: 940px; } } @media only screen and (max-width: 1023px) { .text-container { max-width: 688px; } .info { width: 688px; } .info-inner { width: 684px; } .bonuses { flex-direction: column; } .bonuses .item:nth-child(2) { margin: 16px 0; } } @media only screen and (max-width: 767px) { .text-container { max-width: 552px; } .info { width: 552px; } .info-inner { width: 548px; } } @media only screen and (max-width: 567px) { .text-container { max-width: 344px; } .text-container hr { margin: 16px 0; } .info { width: 344px; height: 68px; } .info-inner { width: 340px; height: 64px; } } @media only screen and (max-width: 359px) { .text-container { max-width: 304px; } .info { width: 304px; height: 68px; } .info-inner { width: 300px; height: 64px; } } /* Main banner CSS */ .banner-img-container { max-width: 1360px; width: 103%; margin: -16px 0 0 -16px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .banner-img-container img { width: 100%; } @media only screen and (max-width: 1023px) { .banner-img-container { height: 300px; width: 104%; } .banner-img-container img { height: 100%; width: unset; } } @media only screen and (max-width: 767px) { .calendar-container { max-width: 552px; } .banner-img-container { height: unset; } .banner-img-container img { height: unset; width: 100%; } } @media only screen and (max-width: 567px) { .banner-img-container { height: 180px; width: 108%; } .banner-img-container img { height: 100%; width: unset; } } @media only screen and (max-width: 359px) { .calendar-container { max-width: 304px; } .banner-img-container { height: 160px; width: 108%; } .banner-img-container img { height: 100%; width: unset; } }