/* @group Default Styles */

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	background: url(imgs/bg4.png) no-repeat fixed #000;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}


body {
	color: #fff;
	font: 10pt/1 Georgia, "Times New Roman", Times, serif;
	line-height: 1;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.btn {
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial !important;
	font-size:16px;
	padding:6px 24px;
	text-decoration:none;
}
.btn:hover {
	background-color:#f6f6f6;
}
.btn:active {
	position:relative;
	top:1px;
}

i {
	font-style: italic;
}

b {
	font-weight: bold;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/*font styles*/

h1{
	font: 3em 'Amiri', serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

h2{
	font: 1.4em 'Quicksand', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 0.8em;
	padding-bottom: 2.0em;
	letter-spacing: 0.05em;
}

p{
	font: 1.35em/1.2em "AGaramondPro-Regular", Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	letter-spacing: 0.01em;
	padding-bottom: 1.5em;
}

/*section styles*/

header{
	margin-top: 0;
	width: 100%;
}

#title{
	width: 40%;
	margin-top: 8em;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	/*padding-top: 0.4em;
	padding-bottom: 0.4em;*/
	text-shadow: 1px 1px 4px rgba(0,0,0,0.50);
}

#content {
	width: 100%;
}

#polaris{
	width: 210px;
	margin-top: 2.5em;
	padding-bottom: 2.0em;
}

#do-you-ever-wondow-cover {
	height: 340px;
	padding-bottom: 2.0em;
}

#pledge {
	padding-bottom: 2.0em;
}

#iceage {
	width: 210px;
	padding-bottom: 2.0em;
}

#matm1981{
	width: 224px;
	padding-bottom: 2.0em;
}

#social {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	z-index: 100;
}

#social img {
	width: 32px;
	height: 32px;
	margin: auto 5px;
	text-align: left;
}

#social a {
	opacity: 1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#social a:hover {
	opacity: 0.5;
}

footer {
	height: 5%;
	/*position: absolute;*/
	bottom: 0; left: 0; right: 0;
	text-align: center;
	color: rgba(255,255,255,0.6);
	font-size: 0.75em;
}

#garden-music-cover {
    max-width: 75%;
    margin: auto;
}