.el-message-box { max-width: 100%; } .body {background-color: #fff; } .w-inline-block {max-width: 100%; display: inline-block; } .logo-image {display: block; width: 200px; margin-right: auto; margin-bottom: 0px; margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .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: #FFFFFF; text-align: center; align-items: center; } .flex-body {display: block; min-height: 100vh; padding-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #F3F7F9; } .home-page-link {display: inline-block; } .widget-container {display: block; min-width: 450px; height: auto; margin-top: 40px; margin-right: auto; margin-left: auto; } @media (max-width: 991px) {.logo-image {margin-bottom: 0px; } .widget-container {padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 479px) {.logo-image {margin-bottom: 0px; } .page-header {padding-right: 30px; padding-left: 30px; } .widget-container {width: 100%; min-width: auto; margin-top: 0px; } }