.pmo-hero {
    background-image: url('/resources/img/life/pmo-hero.jpg');
    background-position: top 40% left 65%;
    background-size: cover;
    border-radius: 30px;
    height: 175px;
}
.pmo-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 769px) {
    .pmo-hero {
        height: 300px;
    }
    .pmo-cta {
        height: 300px;
    }
}

@media screen and (min-width: 1024px) {
    .pmo-hero {
        height: 350px;
    }
    .pmo-cta {
        height: 350px;
    }
    
    .pmo-login .label,
    .pmo-login .input,
    .pmo-login .button {
        font-size: 1.25rem;   
    }
    
    .pmo-login.fr .label,
    .pmo-login.fr .input,
    .pmo-login.fr .button {
        font-size: 1rem;   
    }
}
@media screen and (min-width: 1408px){
    .pmo-hero {
        background-position: center right;
    }
}






.pmo-list-line-wrap .is-size-7 {
    display: block;
    margin-top: -0.5em;
}


.pmo-benefits-card {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 550px;
    height: auto;
}


@media print {
    * {
        -webkit-print-color-adjust: exact;
        -moz-print-color-adjust: exact;
        -ms-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    h1.has-text-link.has-text-weight-normal.is-size-3.is-size-2-tablet.is-size-1-widescreen.mb-0 {
        font-size: 2.3rem !important;
    }
    .pmo-hero-container .is-8-widescreen.is-6 {
        width: 60%;
    }
    .pmo-hero-container.fr .is-8-widescreen.is-6 {
        width: 55%;
    }
    .pmo-hero-container .ww-hero,
    .pmo-hero-container .pmo-cta {
        min-height: 1.8in;
        height: 1.8in;
    }
    .ww-hero .ww-hero-tagline {
        font-size: 1.5rem;
        width: auto;
        border-radius: 0 10px 0 10px;
    }
    .pmo-hero {
        background-position: center bottom;
    }
    .fr-leadin {
        font-size: 1rem !important;
    }
    ul.has-columns-4 {
        -moz-column-count: 4;
        -moz-column-gap: 2em;
        -webkit-column-count: 4;
        -webkit-column-gap: 2em;
        column-count: 4;
        column-gap: 2em;
    }
    ul.has-columns-3 {
        -moz-column-count: 3;
        -moz-column-gap: 2em;
        -webkit-column-count: 3;
        -webkit-column-gap: 2em;
        column-count: 3;
        column-gap: 2em;
        font-size: 1rem;
    }
    h2.fr {
        margin-top: 1rem !important;
    }
    .pmo-app-links { /* french only */
        margin: 1rem 0 !important;
    }
    .pmo-app-links h2 { /* french only */
        font-size: 1.5rem !important;
    }
    .pmo-app-links p {
        font-size: 1rem !important;
    }
    .ww-img-link {
        width: 1in;
        height: auto;
    }
    .pmo-instructions {
        display: flex;
    }
    .pmo-instructions .pmo-benefits-card {
        width: 2in;
        height: auto;
    }
    
    .pmo-instructions .column.is-7-desktop {
        width: 60%;
        flex: 3 1 60%;
    }
    
    .pmo-instructions h3 {
        margin-top: 0.5rem !important;
    }
    .pmo-instructions p {
        margin-bottom: 0.5rem !important;
    }
    .button.is-size-5-tablet,
    .button.is-medium {
        font-size: 1rem !important;
    }
    .has-background-link.has-radius-large.p-5.mt-6 {
        margin-top: 1rem !important;
    }
}