@media only screen and (max-width: 1400px) {
    #help .page-content-full-width {
        width: 100%;
        padding-bottom: 400px;
        margin-left: 0px;
    }

    #help .bg .bg-internal {
        background-position: 50% 100%;
        background-size: 40%;
    }
}

@media only screen and (max-width: 1200px) {
    #contact .page-content {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    #donate .page-content {
        width: 100%;
        margin-right: 0px;
        padding: 40px;
    }

    #donate .bg .overlay {
        background: rgba(255, 255, 255, 0.85);
    }
}

@media only screen and (max-width: 1000px) {
    #help .bg .bg-internal {
        background-size: 60%;
    }

    #contact .bg {
        background-position: 90% 50%;
    }

    .contact-item .contact-icon {
        padding: 2px 20px 0px 0px;
    }
    
    .contact-item .contact-text {
        font-size: 20px;
    }
}

@media only screen and (max-width: 900px) {
    h1 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 700px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 30px;
    }

    p {
        font-size: 20px;
    }

    .nav-link:not(:last-child) a {
        padding-right: 20px;
    }

    #home .bg {
        background-position: 100% 50%;
        background-size: auto 50%;
    }

    #images .item {
        width: 300px;
    }

    #help .page-content-full-width {
        width: 100%;
        padding: 50px 50px 200px 50px;
    }

    #help .bg .bg-internal {
        background-position: 50% 100%;
        background-size: 50%;
    }

    #contact .bg .overlay {
        background-color: #ffffffe6;
    }

    #contact .page-content {
        padding: 30px;
    }
}

@media only screen and (max-width: 600px) {
    #home .bg {
        background-position: 100% 60%;
        background-size: auto 40%;
    }

    #images .item {
        width: 250px;
    }

    #help .bg .bg-internal {
        background-position: 50% 100%;
        background-size: 60%;
    }
}

@media only screen and (max-width: 400px) {
    #home .bg {
        background-position: 100% 60%;
        background-size: auto 40%;
    }

    #images .item {
        width: 250px;
    }

    #help .bg .bg-internal {
        background-position: 50% 100%;
        background-size: 70%;
    }
}