.el-message-box { max-width: 100%; }  .logo-image {display: block; width: 80px; 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: #f3f6f9; text-align: center; align-items: center; } .w-col-6 {width: 50%; } .w-col {position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-row:before, .w-row:after {content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .full-page-divide {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; } .left-column {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10% 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #FFFFFF; } .right-column {padding-right: 0px; padding-left: 0px; background-image: url(https://poledivasmooneeponds.brandbot-checkout.com/7375bea1-abd5-496e-962f-bd1864528a33.jpg); background-position: 50% 50%; background-size: auto 100%; background-repeat: no-repeat; background-attachment: scroll; } .left-col-container {width: 100%; height: 100%; max-width: 500px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .heading-parag {text-align: left; } .paragraph {font-family: "Ubuntu, Helvetica, Arial, sans-serif"; color: #777777; font-size: 24px; line-height: 150%; text-align: center; } .image {display: block; width: 80px; margin-right: auto; margin-bottom: 60px; margin-left: auto; text-align: center; } .background-container-for-widget {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(249, 42, 225, 0.31); } .widget-container {width: 450px; height: auto; padding: 0px; background-color: #fff; box-shadow: 0 4px 13px 0 rgba(0, 0, 0, .48); } .heading {color: #202020; font-size: 30px; font-family: "Tahoma, Geneva, sans-serif"; font-weight: 400; text-align: center; } .image-2 {display: none; } .link-block {display: block; margin-right: auto; margin-left: auto; } @media (max-width: 991px) {.full-page-divide {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .left-column {-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .right-column {position: static; height: 600px; padding-top: 0%; padding-bottom: 0%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-position: 50% 7px; background-size: auto 100%; background-attachment: scroll; } .image {margin-bottom: 30px; } .background-container-for-widget {height: auto; min-height: 600px; padding-top: 5%; padding-bottom: 5%; } .widget-goes-here {height: auto; } } @media (max-width: 767px) {.widget-container {width: 500px; } } @media (max-width: 479px) {.left-column {padding-right: 15px; padding-left: 15px; } .right-column {height: auto; } .left-col-container {text-align: center; } .paragraph {font-size: 18px; } .image {width: 100px; margin-bottom: 20px; } .background-container-for-widget {height: auto; min-height: auto; padding-top: 0%; padding-bottom: 0%; } .widget-container {padding-top: 0px; padding-right: 0px; padding-left: 0px; box-shadow: none; } .heading {font-size: 26px; line-height: 125%; } .image-2 {display: block; width: 100%; margin-bottom: 30px; } }