body {background-color:#fff;font-family:'Source Sans Pro', Arial, sans-serif;color:#000;font-size:16px;padding:0;margin:0;}
.wrapper {width:960px;margin:0px auto;}

ul {margin:0 0 0 20px;padding:15px;}
ul li {margin:0px;padding:0;margin-bottom:10px;}
a {color:#FD5A1E;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:underline;color:#fcaf3c;}
img.logo {float:left;}
img.mission {float:left;width:20%;}
.footer {clear:both;position:absolute;bottom:0;}
.footer span {color:#777;font-size:14px;position:relative;top:20px;}
div.programs {float:left;width:65%;}
div.programs a {float:left;margin:20px 10px 30px;}
div.programs a img {width:180px;}
div.programs a.wide {display:block;}
div.programs a.wide img {width:600px;}
.links {width:300px;background:#fff;position:absolute;top:0;right:10%;height:100%;border-left:2px solid #ccc;padding-left:10px;}
h2 {text-transform:uppercase;font-size:20px;}
.programs h2 {font-size:30px;margin-bottom:15px;}
a.donate-button {background:black;-webkit-border-radius: 6px; margin:10px;
-moz-border-radius: 6px;
border-radius: 6px; width:100%;display:block;padding:10px 0px;clear:left;text-align:center;color:white;font-size:24px;text-transform:uppercase;font-weight:normal;line-height:1;  }
a.donate-button span {display:block;color:#FD5A1E;font-weight:bold;font-size:30px;}
a.donate-button:hover {background:#ccc;text-decoration:none;}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
   {

    .links {width:90%;padding:5px 5%;height:auto;float:none;clear:left;position:relative;right:0;top:0;border:none;}
    .wrapper {width:100%;float:none;}
    div.programs {width:94%;padding:5px 3%;float:none;clear:left;}
    div.programs a.wide img {max-width:100%;}
div.programs a img {width:100px;}
div.programs a {float:left;margin:10px 0px;}
.footer {line-height:1;position:relative;margin-top:15px;width:90%;padding:5px 5%;}
.footer span {top:0;left:10px;}
    img.logo {float:none;}
    a.donate-button {margin:0px;}
    
}