html, body {
    overflow-x: hidden !important;
}

body {
    position: relative !important;
}

.landing {
    background: url('/images/mission-and-values/bg-mission.png');
    background-size: auto;
    background-attachment: fixed;
}

#main-mission .container-60 {
    /* mobile */
    padding: 24px;
    border: 8px solid #009EF5;

    border-width: 8px;
    border-style: solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, #6766AC, #009EF5);
}

#main-mission .bg-white {
    background-size: 90% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#main-mission p {
    margin-bottom: 0px;
}

#overall-goals {
    background: linear-gradient(180deg, #D1EFFF 50%, white 50%);
}

#overall-goals img{
    margin-bottom: 24px;
}

#overall-goals .col-md-11 {
    padding: 24px;
}

#overall-goals h3 {
    /* mobile */
    padding: 12px 0px;
    margin-bottom: 24px;
}

#protective-factors .col-2 {
    background: url('/images/mission-and-values/bg-triangle.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#protective-factors h3 {
    font-size: 1.2rem;
}

#protective-factors h4, #protective-factors p {
    margin-bottom: 0px;
    padding: 12px;
}

#protective-factors .row {
    margin-bottom: 24px;
}

#protective-factors {
    background: url('/images/decorative/people.png');
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;

    padding-top: 32px !important;

    /* mobile */
    background-size: 100%;
}

@media (min-width: 768px) {

    .landing {
        background-size: 125% auto;
    }

    #main-mission .container-60 {
        background: url('/images/decorative/frames.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;

        padding: 12px;
    }

    #main-mission .bg-white {
        background-size: 80%;
        padding: 32px;
    }
    
    #overall-goals h3 {
        width: 50%;
        margin: auto;
        margin-bottom: 48px;
        padding: 12px 24px;
    }

    #protective-factors {
        background-size: 80%;
    }
}