.landing {
    min-height: 50vh;

    background: url('/images/volunteer/bg-volunteer.png');
    background-size: cover;
    background-position: center;

    /* mobile */
    padding: 16px;
    padding-top: 56px;
    background-position-x: -900px;
    background-position-y: 0px;
    
}

.landing-inner {

    /* mobile */
    padding: 24px 32px;
    border: 2px solid white;
}

#become-a-volunteer {
    color: white;
}

#become-a-volunteer button {
    margin-bottom: 24px;
}

#become-a-volunteer .container-80 {
    background-color: white;
    color: black;
    padding: 24px 0px;
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .landing {
        background-size: 140%;
        background-position-y: top;
        background-position-x: center;

        padding: 96px;
        padding-top: 128px;
    }

    

    .landing-inner {
        background: url('/images/decorative/frames-white.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;

        padding: 32px 96px;
        border: none;
    }

    #volunteer-activities {
        padding-top: 128px;
    }

    .bg-cross {
        background-size: 100% 90%;
    }
}