@charset "utf-8";
/* CSS Document */
/* Taken from sample file.  Originally set the body to be 104px down Changed to 0 for testing */
body {
	padding-top: 10px;
}

.header {
	position: fixed;
	z-index: 99;
	top:  0px;
	left: 0px;
	width: 100%;
}

.tagline h1 {
	font-size: 90%;
	letter-spacing: .5em;
	margin: 0px;
}

.footer {
	font-size: 80%;
	letter-spacing: .5em;
}

.note {
	font-size: 80%;
}

p.note {margin-bottom: 0px;}

.clear {
	background-color: rgba(0,0,0,0.00);
}

.abstract-bg {
	background-image: url( ../media/images/art.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.grid-matte {
	background-color: rgba(0,0,0,.8);
}

.grid-matte .hmy-section {
	max-width: 1200px;
	margin: auto;
	color: #FFF;
}

.red {color: red;}

strong {font-size: 115%;}


.rocksprings {
	background-image: url(../images/eclipse.png);
	background-attachment: fixed;
	background-size: cover;
}

.rocksprings .hmy-section {
	background-color: rgba(255,255,255,0.65);
}

.rocksprings .hmy-content {
	max-width: 1200px;
	margin: auto;
}

.dancerocksprings {
	background-image: url(../media/images/Firework-Night-1920x1200.jpg);
	background-attachment: fixed;
	background-size: cover;
}

.dancerocksprings .hmy-section {
	background-color: rgba(255,255,255,0.65);
}

.dancerocksprings .hmy-content {
	max-width: 1200px;
	margin: auto;
}

.blue-noise {
	background-image: url(../media/images/blue-noise.jpg);
	background-color: rgb(75,103,119);
}

.clear-back {
		background-color: rgba(75,103,119,.25);
}



.abstract {
	background-image: url(../media/images/abstract.jpg);
	background-repeat: no-repeat;
}

.abstract .hmy-content-wrapper {
	background-color: rgba(199,82,85,0.5);
	border-left: 1px dashed #000;
}

.girl {
	background-image: url(../media/images/girl.jpg);
	background-attachment: fixed;
	background-size: cover;
}

.girl .hmy-section {
	background-color: rgba(0,0,0,0.75);
}

.girl .hmy-content {
	max-width: 1000px;
	margin: auto;
}

code {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 90%;
}

/* iPhone Media Query
Because there are so many different types of iPhones in the wild, it would take at least a half dozen media queries to cover each on. To simplify things, we are simply going to turn off fixed background and background size for all devices when the screen width reaches 600 pixels. */
@media only screen and (min-width: 0px) and (max-width: 600px) {
	.abstract .hmy-content-wrapper {border-left: 1px dashed #000;}
	.rocksprings {background-attachment: scroll; background-size: auto;}
}

/*iPad Query
The following media query will target all current iPads: */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.rocksprings {background-attachment: scroll; background-size: auto;}
}