html,body{margin:0;padding:0;font-size:12pt;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;}

body{color:#fff;background:#3c2415 url('/ranch_bg_mobile.jpg') top right no-repeat fixed;background-size:cover;}
header,main,footer{display:block;width:98%;padding:1%;}
main{padding-top:4px;}

a{color:#ff0;}
a:hover{color:#fc0;}
h1,h2{font-family: 'Patua One', cursive;text-shadow:2px 2px 2px #000;margin:6px 0 18px 0px;}
h1{font-size:1.8em;}
h2{font-size:1.4em;}

#announcement{background:#f30;color:#fff;padding:18px 12px;line-height:1.4em;font-size:1.1em;}

#banner-image img,main .google-hero,main .image-mobile{width:100%;height:auto;border:0;}
main .page-menu{list-style-type:none;padding:0;font-weight:bold;background-color:rgba(0,0,0,0.4);}
main .page-menu li{display:block;padding:14px 20px;font-size:1.1em;}

footer{font-size:0.9em;text-shadow:2px 2px 2px #000;}

#social{margin-top:36px;}
.social{width:48px;height:48px;border:0;vertical-align:middle;}


@media screen and (min-width: 960px) {
	body{background:#000 url('/ranch_bg.jpg') top left no-repeat fixed;background-size:cover;}
	header,main,footer{display:block;width:900px;margin:auto;}


	h1{font-size:3em;}
	h2{font-size:2em;}

	#banner-image img{width:90%;height:auto;border:0;}
	main .google-hero{width:auto;}
	main .image-mobile{width:auto;}

	main .page-menu{background-color:inherit;}
	main .page-menu li{display:inline-block;padding:0 20px;}
}