body { margin: 0px; box-sizing: content-box; } .wpc-d-flex { display: flex; } .wpc-d-flex-column { flex-direction: column; } .wpc-d-flex-row { flex-direction: row; } .wpc-hero-section { flex-direction: column; } .wpc-page-margin-mobile { margin: 0px 16px; } .wpc-title-container { margin: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .wpc-hero-title { text-align: center; font: normal normal bold 28px/30px Lato; letter-spacing: 0px; color: #000; margin: 5px 0px; } .wpc-hero-copy { text-align: center; font: normal normal normal 18px/22px Lato; letter-spacing: 0px; color: #000; margin: 15px 16px 21px 16px; text-align: center; } .wpc-hero-btn { display: flex; } .wpc-cta-container { margin: 0px; justify-content: center; margin-bottom: 19px; } .wpc-cta-button-primary { font: normal normal bold 16px/19px Lato; letter-spacing: 0px; color: #fff; opacity: 1; background: #0e5780 0% 0% no-repeat padding-box; border: 1px solid #fff; border-radius: 4px; opacity: 1; padding: 13px 24px; text-decoration: none; } .wpc-cta-button-primary:hover { background: #e8f3f9 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #0e5780; border-radius: 4px; opacity: 1; color: #0e5780; transition: all ease-in .2s; } .wpc-cta-button-primary:active { background: #1976a1 0% 0% no-repeat padding-box; color: #fff; } #wpc-google-workspace-banner-tablet { display: none; } #wpc-lenovo-google-workspace-logo { margin: 0px 37px; height: 32px; width: auto; } .wpc-hero-container { display: flex; flex-direction: column; align-items: center; } .wpc-mobile-cta-hero { margin-bottom: 16px; } @media (min-width: 750px) { .wpc-hero-btn { display: none; } #wpc-google-workspace-banner-mobile { display: none; } .wpc-page-margin-mobile { margin: 0px; } .wpc-hero-container { display: flex; flex-direction: column; align-items: flex-start; } } @media (min-width: 750px) and (max-width: 1024px) { #wpc-google-workspace-banner-mobile { display: none; } #wpc-google-workspace-banner-tablet { display: flex; } .wpc-title-container { margin: 0px; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; } .wpc-hero-title { font: normal normal bold 28px/40px Lato; margin: 0px; padding: 0px 10px 0px 0px; } #wpc-lenovo-google-workspace-logo { margin: 0; } .wpc-hero-copy { font: normal normal normal 18px/22px Lato; margin: 10px 35px 25px 26px; } .wpc-hero-container { display: flex; flex-direction: column; align-items: center; } } @media (min-width: 1024px) and (max-width: 1599px) { .wpc-hero-section { background: url("https://p4-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/images/lenovo-google-workspace-brand-page-hero-desktop.jpg") no-repeat right; background-size: contain; } .wpc-hero-container { display: flex; flex-shrink: 50%; flex-direction: column; max-width: 469px; padding: 69px 0px 107px 0px; margin-left: 100px; align-items: flex-start; } .wpc-title-container { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .wpc-hero-title { font: normal normal bold 52px Lato; margin: 0px; padding: 0px 10px 0px 0px; } .wpc-hero-copy { margin: 0; text-align: left; } #wpc-lenovo-google-workspace-logo { margin: 0px; max-width: 371px; height: 100%; inline-size: -webkit-fill-available; inline-size: -moz-available; height: -webkit-fill-available; height: -moz-available; } } @media (min-width: 1599px) and (max-width: 1919px) { .wpc-hero-section { background: url("https://p1-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/images/lenovo-google-workspace-brand-page-hero-mid-desktop.jpg") no-repeat right; background-size: contain; } .wpc-hero-container { display: flex; flex-shrink: 50%; flex-direction: column; padding: 129px 0px 153px 6.25%; } .wpc-title-container { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } .wpc-hero-title { font: normal normal bold 52px/64px Lato; margin: 0px; padding: 0px 15px 0px 0px; } .wpc-hero-copy { margin: 0px; text-align: left; font: normal normal normal 20px/24px Lato; letter-spacing: 0px; color: #000; width: 548px; } #wpc-lenovo-google-workspace-logo { height: 52px; margin: 0px; } } @media (min-width: 1919px) { #wpc-hero-body { text-align: -webkit-center; display: flex; flex-direction: column; } .wpc-hero-section { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/images/lenovo-google-workspace-brand-page-hero-full-desktop.jpg") no-repeat right; background-size: contain; max-width: 1920px; width: 100%; align-self: center; } .wpc-hero-container { display: flex; flex-shrink: 50%; flex-direction: column; padding: 138px 0px 180px 7.65%; margin-bottom: 21px; } .wpc-title-container { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } .wpc-hero-title { font: normal normal bold 52px/64px Lato; margin: 0px; padding: 0px 15px 0px 0px; } .wpc-hero-copy { margin: 0px; text-align: left; font: normal normal normal 20px/24px Lato; letter-spacing: 0px; color: #000; width: 548px; } #wpc-lenovo-google-workspace-logo { height: 52px; margin: 0px; } }