.page-title {
    padding-top: 16em;
    padding-bottom: 16em;
    background: 
        url('/wp-content/themes/desafios-globais/img/mobile-menu-bcg.png')  -275px 50% / 110% no-repeat,
        url('/wp-content/themes/desafios-globais/img/hero-background.jpg') center / 101% no-repeat;

    h1 {
        color: white;
        text-transform: uppercase;
        font-size: 27px;
        line-height: 1.1;
    }
}

.posts-container {
    padding-top: 4em;
    padding-bottom: 4em;
}
/* SM */
@media only screen 
and (min-width: 48em) {
    .page-title {
        padding-top: 16em;
        padding-bottom: 16em;
        background: 
        url('/wp-content/themes/desafios-globais/img/mobile-menu-bcg.png') 20% 132px / 45% no-repeat,
        url('/wp-content/themes/desafios-globais/img/hero-background.jpg') center / 101% no-repeat;
        
        h1 {
            color: white;
            text-transform: uppercase;
            font-size: 42px;
        }
    }
}