@media only screen and (max-width: 1200px) {
.body {padding-left:2rem !important; padding-right:2rem !important; }
.partners .body { margin:0 2rem; width:calc(100% - 4rem); }
}


@media only screen and (max-width: 1024px) {
.partners-logos { flex-wrap:wrap; }

ul#imageGallery li { width:50%; }

}

@media only screen and (max-width: 900px) {
.partners h3 { font-size:1.75rem; margin:0 auto; line-height:2.25rem;}
.fonts h3 { font-size:1.75rem; margin:0 auto; line-height:2.25rem;}
.support h3 { font-size:1.75rem; margin:0 auto; line-height:2.25rem;}
.theproject h3 { font-size:1.75rem; margin:0 auto; line-height:2.25rem; width:100%;}
.theproject h3:after { display:none; }
.text-right { width:100%; margin-top:1rem;}
.text-theproject { width:100%; padding-right:0; }
.content-manifest h3 { font-size:1.75rem; margin:0 auto; line-height:2.25rem; }
.content-manifest .col { width:100%; text-align:center; padding:0; }
.rect { width:100%; }
.fonts .body { padding-bottom:5rem; }
.fonts-text { flex-wrap:wrap; }
.fonts-col { width:100%; margin:0; padding-bottom:0; }
.fonts-col:nth-child(2n+0) { padding-top:0; padding-bottom:2rem; }
.home-title { font-size:2rem; line-height:3rem;}

    .container {
        width: calc(50% - 6px);
    }
}


@media only screen and (max-width: 768px) {
.materials h3 { width:60%; }
.col-org { width:100%; text-align:center; }
.logos-org img { margin:0 auto 0.5rem auto;}
.col-org { padding:0 0 2.5rem; font-size:1.25rem;}
.col-org p { margin:0;}
.logos-org { padding-bottom:2rem;}

.fonts-col a { width:calc(50% - 2px); }

}


@media only screen and (max-width: 640px) {
.photo { background: url('../img/home-hero-image.jpg') no-repeat bottom center; background-size:cover; }
.home-title { padding:5rem 0rem 0 0rem; text-align:center; width:100%; }
.photo { height:400px;}
.materials h3, .partners h3, .who h3, .why h3, .sign h3 { font-size:1.5rem; }
.partners-logos img { margin:0.5rem 1rem;}
.form-col { width:100%; }
.form-col:nth-child(2){ padding-top:2rem; }
.container { width:95%;}

}
@media only screen and (max-width: 600px) {


}

@media only screen and (max-width: 480px) {
    .container {
        width: 100%;
    }
	ul#imageGallery li { width:100%; border-bottom:1px solid #FFF; }


.fonts-col a { width:100%; max-width:none; }

}