.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 {display: block; height: auto; min-height: 0px; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #FFFFFF; text-align: center; } .body {background-color: #fff; } .flex-body {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; padding-bottom: 60px; -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: #FFFFFF; } .home-page-link {display: inline-block; } .widget-container {display: block; width: 450px; height: auto; margin-right: auto; margin-left: auto; background-color: #fff; } .container-for-video-and-text {width: 580px; } .columns {display: block; max-width: 1100px; width: 90%; margin-top: 60px; margin-right: auto; margin-left: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .header {font-family: 'Montserrat', sans-serif; font-size: 36px; line-height: 125%; color: #202020; } .paragraph {font-size: 20px; line-height: 150%; font-family: Helvetica, sans-serif; color: #777777; } .column {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .column-2 {padding-left: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 991px) {.logo-image {margin-bottom: 0px; } .widget-container {width: 100%; padding-top: 20px; padding-bottom: 20px; background-color: #fff; } .column {height: auto; margin-top: 40px; } .column-2 {height: auto; margin-top: 20px; } .right-hand-col-container {width: 100%; } } @media (max-width: 767px) {.columns {width: 90%; } } @media (max-width: 479px) {.logo-image {margin-bottom: 0px; } .page-header {padding-right: 30px; padding-left: 30px; } .flex-body {height: auto; padding-bottom: 60px; } .widget-container {width: 100%; height: 400px; margin-top: 0px; background-color: #fff; } .columns {width: 95%; } .header {font-size: 26px; } .paragraph {font-size: 20px; } .right-hand-col-container {width: 100%; } }