@charset "utf-8";

@font-face {
    font-family: 'QuicksandBook';
    src: url('/fonts/Quicksand_Book-webfont.eot');
    src: url('/fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('/fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('/fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

header {
	background-color: #d3d7d3;
}

#logo a {background-image:url(/images/blog/snow/logo.png);}

#mainNav a {
	color: #464141;
}

#mainNav a:hover {
	color: #5b7a83;
}

#content {
	background: url(/images/blog/snow/snow-bg.jpg) no-repeat left top;
	background-attachment: fixed;
	margin: 0;
	color: #5f5e5e;
	font-family: Arial;
}



h2 {
	color: #464141;
	font-size: 3.6em;
	padding: 30px 0 10px 0;
	text-transform: uppercase;
	font-family: QuicksandBook, Arial, sans-serif;
}

h3 {
	color: #464141;
	font-size: 1.6em;
	padding: 1.2em 0 .3em 0;
	text-transform: uppercase;
	font-family: QuicksandBook, Arial, sans-serif;
}

article {
	padding: 0 14px;
	background-color: rgba(255,255,255,.8);
}
	

#intro {
	font-size: 1.3em;
}


article a {
	color: #1b96ba;
}

article a:hover {
	color: #0bc5fb;
}

#toTop, #mainNav a#pull {
	background-color: #797272;
}

footer {
	background-color: #d3d7d3;
}

footer p, footer h4, h1 {
	color: #464141;
}

footer a {
	color: #5b7a83;
}

@media screen and (min-width: 48em) { /* 768 and up */
h2 {
	font-size: 4.5em;
	padding: 30px 0 0px 25%;
}

h3 {
	font-size: 2.1em;
	padding: 1.2em 0 .3em 25%;
}

article p {
	padding-left: 25%;
}

#intro {
	font-size: 1.8em;
}


}


@media screen and (min-width: 60em) { /* 1024 and up */
h2 {
	font-size: 5.5em;
}	


}

@media screen and (min-width: 75em) { /* 1200 and up */
h2 {
	font-size: 6.5em;
}


}

@media screen and (min-width: 83em) { /* 1328 and up */

h2 {
	font-size: 7em;
}


article {
	background: none;
}

}


@media screen and (max-width: 47.5em) { /* mobile nav */
#mainNav li {
	background-color: #5b7a83;
}

#mainNav li:hover {
	background-color: #09a3d0;
}

#mainNav li a {
	color: #FFF;
}
}