/* --------------- GLOBAL --------------- */
/* --------------- HEADER & NAV --------------- */
/***********
Header
***********/
/*shadow*/
.headerAndNavContainer {
    -webkit-box-shadow: 0 1px 2px 1px rgba(80,79,74,.1);
    box-shadow: 0 1px 2px 1px rgba(80,79,74,.1)
}
/* --------------- FOOTER --------------- */
/*shadow*/
.footerContainer {
    -webkit-box-shadow: 0 -1px 2px 1px rgba(80,79,74,.1);
    box-shadow: 0 -1px 2px 1px rgba(80,79,74,.1);
}
/* --------------- IMAGE GRID GALLERIES --------------- */
/*grid margin*/
.cols3.imgMgn1 .imgGridItem {
    width: 32%;
    margin: 2% 0 0 2%;
}
.hasGridGallery {
    margin-top: 4%;
}
/* --------- HOME --------- */
/*custom caption grid gallery*/
.cols3.imgMgn1 .imgGridItem { 
    position: relative; 
    overflow: hidden; 
}
.cols3.imgMgn1 .imgGridItem .customCaption {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    margin: auto;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cols3.imgMgn1 .imgGridItem .contentTitle {
    font-size: 80%;
    padding: 1em;
    color: white;
}
/* --------------- MEDIA QUERIES --------------- */
@media only screen and (min-width: 480px) {
        .cols3.imgMgn1 .imgGridItem .contentTitle {
        font-size: 100%;
    }
    .cols3.imgMgn1 .imgGridItem .customCaption {
        top: 12%;
    }
}

@media only screen and (min-width: 768px) {
    /*donate button*/
    #navTopLevel >  li:last-child > a {    
        background: #8F78E0;
        padding: .75em 1.25em;
        color: white;
    }
    .cols3.imgMgn1 .imgGridItem .contentTitle {
        font-size: 150%;
    }
    .cols3.imgMgn1 .imgGridItem .customCaption {
        top: 32%;
    }
}