html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body{font-family: Georgia, serif;color:#444;font-size: 16px;}
*{box-sizing: border-box;}

img{display: block;max-width: 100%;}

#topDonate{display: none;}

span{font-style:italic;color: #bb2127;}
#contact span{display:inline-block;width: 100px;text-align:right;padding-right: 10px;
}
a{color:#1d3760}
aside{padding: 30px;}
aside img{margin-bottom:20px;}
aside ul{list-style: none;font-size: 18px;}
aside ul li a{text-decoration: none;display: block;padding: 3% 0px;border-bottom:1px solid rgba(0,0,0,.2);}
aside ul li.active a, aside ul li a:hover{color: #BB2127;}
aside ul li:last-child a{border: none;}

section{padding: 0 0 30px;}
#headshot{margin-bottom: 10px;width: 40%;float:right;margin-right: 10%;margin-left:5%;border: 5px solid #fff;box-shadow: 3px 3px 12px rgba(0,0,0,.2);transform: rotate(2deg)}
section h2, section h3, section p{padding: 0 10%;}
section h2{font-size: 46px;color: #bc2428;margin-bottom: 20px;}
section h3{font-size: 26px;color: #1C3660;margin-bottom: 10px;}
section p{margin-bottom: 20px;line-height: 1.5;}
#sig{max-width: 300px;}

#donationbox{
	margin: 0 30px;background: #1C3660;padding: 15px;text-align: center;position:relative;height: 130px;color:#fff;
}
#donationbox h3{padding: 0;color:#fff;font-size: 20px;}
#donationbox input[type="text"], #donationbox input[type="number"]{
	border: 1px solid #ccc;padding: 0 10px;line-height: 50px;height:50px;position: absolute;left: 20px;bottom: 20px;
	width: calc(100% - 160px);border-right: 0px;
}
#donationbox input[type="button"]{
	line-height: 50px;height:50px;background: #BB2127;border: 0px;color: #fff;font-family: Georgia, serif;font-size: 18px;
	position: absolute;right: 20px;bottom: 20px;width: 120px;
}

footer{font-size: 14px;border: 1px solid rgba(0,0,0,.2);padding: 30px;text-align: center;color: #999;}
footer div h3{border: 1px solid #bb2127;color: #bb2127;padding: 15px;margin: 15px 0 0;}
footer div a{background: #bb2127;display: block;color: #fff;text-decoration: none; font-size: 18px;padding: 15px;}

header{height: 50vh;background: url(/images/family.jpg) center center;background-size: cover;margin-bottom: 30px;}

@media only screen and (min-width:768px) and (min-device-width:768px) {
	
	#topDonate{
		display: block;background: #BB2127;height: 45px;line-height:45px;color: #fff;text-decoration: none;padding: 0 20px;width: 100px;position: fixed;top:0px;right: -120px;
    animation-duration: .6s;animation-name: donate;	animation-iteration-count: 1;animation-delay: 2s;animation-fill-mode: forwards;
	}
	aside{position: fixed;left:0px;height: 100vh;background: #fff;width: 25%;padding: 15px;max-width: 300px;border-right: 1px solid rgba(0,0,0,.1)}
	section{width: 75%;float:right;padding: 20px;padding-top: 40px;}
  header{height: 400px;background: url(/images/family.jpg) center center;background-size: cover;margin-bottom: 30px;}
	article{max-width: 860px;padding-bottom: 100px;}
	section h2, section h3, section p{padding: 0px;}
	section h2{font-size: 3em;}
	aside ul{list-style: none;font-size: 18px;}
	#headshot{width: 30%;float: right;margin: 0px 0 0 20px;}
	
	#donationbox{max-width: 400px;margin: 40px auto;}
	
	footer {position:fixed;bottom: 0px;width: 100%;background: #fff;}
	footer p{text-align: left;float: left;line-height: 50px;}
	footer .right{float: right;}
	footer div h3{border: 1px solid #bb2127;color: #bb2127;padding: 0 15px;margin: 0 0 0;float:left;height: 50px;line-height:50px;}
  footer div a{background: #bb2127;display: block;color: #fff;text-decoration: none; font-size: 18px;padding: 0 15px;margin: 0 0 0;height: 50px;line-height:50px;float:right;}
	
}

@media only screen and (min-width:1480px) and (min-device-width:1200px) {
	
	aside{padding: 30px;}
	section{width: 860px;float:none;margin: 0 auto;padding: 20px;padding-top: 70px;}
	
}

@keyframes donate {
  from {
    right: -120px; 
  }

  to {
    right: 0px;
  }
}