.slideup, .slidedown, .slidehead {width:100%; max-width:770px; position:relative; margin:0 auto; overflow:hidden;}
.slideup img, .slidedown img, .slidehead img {display:block; width:100%;}
.slideup .overlay {
	background:url(img/fade.png);
	background: none rgba(202,59,0,0.6);
	text-shadow: none;
	position:absolute; left:0; top:0; width:100%;
	z-index:99;
}
.slidedown .overlay {
	background:url(img/fade.png);
	background: none rgba(202,59,0,0.6);
	text-shadow: none;
	position:absolute; left:0; top:-500px; width:100%;
	z-index:99;
}
.slidehead .overlay {
	background:url(img/fade.png);
	background: none rgba(202,59,0,0.6);
	text-shadow: none;
	position:absolute; left:0; top:100%; width:100%;
	z-index:99;
}

.overlay p, .overlay p a, .overlay h3 {margin:0; color:#fff;}
.overlay p a {
	text-decoration: underline;
}
.overlay p a:hover {
	text-decoration: none;
}
.overlay h3 {font: 25px/30px; font-weight:800; sans-serif; padding:10px 15px 5px 15px;}
.overlay p {font:16px/20px; padding:5px 15px 10px 15px;}

@media only screen and (max-width: 640px) {
.overlay h3 {font:normal 14px/18px arial, sans-serif;}
.overlay p {font:normal 12px/16px arial, sans-serif;}
.overlay h3 {padding:10px 10px 5px 10px;}
.overlay p {padding:5px 10px 10px 10px;}
}