@media screen and (min-width: 1024px) { 
.logo { z-index: 2; width: 270px; border-radius: 0; background-position: left 0;}
#menu_main .donate a {font-size: 1.4em; }
.mainNav {font-size: 1em; clear: both;}
  ul.menu_top a {padding: 0 5px; 
ul.menu_main {font-size: 1.4em;}
    .homeImages img {max-width:500px; width: 100%;}

    .mission {background: ;}
.heroBlock { top: 50px; left: 0px; }



.mission p {font-size: 1.3em;text-shadow: 0 0 1px #fff;}
}



@media screen and (min-width: 1200px) { 

        .mission {   margin: 0; background: transparent; max-width: 33%; position:relative; z-index:9999; left: 5%; }
        .heroImageItem {background-position: 70% top;}

}