@font-face {
    font-family: 'diner-regularregular';
    src: url('Diner-Regular-webfont.eot');
    src: url('Diner-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Diner-Regular-webfont.woff2') format('woff2'),
         url('Diner-Regular-webfont.woff') format('woff'),
         url('Diner-Regular-webfont.ttf') format('truetype'),
         url('Diner-Regular-webfont.svg#diner-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	padding:0;
	margin:0;
	color:#d6ffee;
    background-image: url('../images/bg.jpg');
    background-width: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    xbackground-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 	 font-family: 'diner-regularregular', 'Futura', sans-serif;
 	 font-size:30px;
 	 letter-spacing:3px;
 	 line-height:1.75em;
}
#main{
	width:40%;
	max-width:800px;
	padding:2%;
	margin:2%;
	float:left;
}
a{
	text-decoration:none;
	color:#ffffcc;
	text-shadow: 3px 2px 9px rgba(186, 32, 0, 1);
}
a:hover{
	color:#fff;
	text-shadow: -2px 3px 9px rgba(186, 32, 0, 1);
}
h1, h2, h3, p{
	margin:0;
	padding:0;
	font-weight:100;
}
h1{
	color:white;
	text-shadow: 3px 2px 9px rgba(255, 255, 255, 1);
}
#gofundme{
	width:100%;
	margin:0;
}
#gofundme a{
	display:block;
	background: #ffffff;
	text-align:center;
	text-shadow:none;
	color:red;
	line-height:1.1em;
	padding:5px;
	font-size:2em;
}
#gofundme a:hover{
	color:blue;
}
@media screen and (max-width: 700px) {
	body{
		xbackground-image: url('../images/bg_p.jpg');
	}
	#main{
		width:90%;
		float:none;
		margin:2%;
	}
}
@media screen and (orientation: portrait) {
	body{
		background-image: none;
		background:black;
	}
}