.el-message-box { max-width: 100%; } .page-header {padding-left: .5rem; padding-right: .5rem; display: flex; height: auto; min-height: 0px; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: space-between; -ms-flex-pack: center; justify-content: space-between; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #f3f6f9; text-align: center; align-items: center; } .top-par {margin-bottom: 20px; font-family: "Tahoma"; color: rgba(63, 122, 70, 1); font-size: 24px; line-height: 150%; } .top-par.bottom-par {margin-top: 20px; } .logo-image {display: block; width: 250px; margin-right: auto; margin-bottom: 0px; margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .discount {margin-top: 10px; color: rgba(63, 122, 70, 1); font-size: 50px; font-family: "Tahoma"; line-height: 125%; } .background-color {display: block; height: auto; min-height: 80px; padding-top: 10px; padding-bottom: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: ; text-align: center; } .container-for-text {display: block; width: 400px; margin-top: 50px; margin-right: auto; margin-left: auto; } .container-for-widget {display: block; width: 450px; margin-top: -70px; margin-right: auto; margin-left: auto; border-radius: 3px; background-color: #fff; box-shadow: 0 7px 26px 0 rgba(66, 66, 66, .45); } @media (max-width: 991px) {.top-par {margin-top: 30px; } .logo-image {margin-bottom: 0px; } .discount {font-size: 45px; line-height: 125%; letter-spacing: 0.5px; } } @media (max-width: 479px) {.top-par {color: #fafafa; font-size: 24px; } .logo-image {margin-bottom: 20px; } .discount {font-size: 30px; line-height: 125%; } .background-color {padding-right: 30px; padding-left: 30px; } .container-for-text {width: 100%; } .container-for-widget {width: 100%; } .page-header {padding-right: 30px; padding-left: 30px; } }