@charset "utf-8";
/* CSS Document */
/* CSS Document */
.grid-matte {background-color: rgba(0,0,0,.80);}
.grid-matte .hmy-section {max-width: 1200px; margin: auto;}


.abstract-01 {
background-image: url(images/capitol.jpg); /*for old browsers*/
background: linear-gradient(rgba(255,51,0,0.758),rgba(255,51,0,0.75)), url(/bee.jpg);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}

.abstract-02 {
background-image: url(images/capitol.jpg); /*for old browsers*/
background: linear-gradient(rgba(0,0,0,0.50),rgba(0,0,0,0.50)), url(/bee.jpg);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
background-attachment: fixed;
}




.masthead {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}
.masthead .hmy-content {
	padding: 5px 10px !important;
}

body {
	padding-top: 106px;
}





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

/*Descendant Selectors */

.girl .hmy-section {
background-color: rgba(0,0,0,0.75); /*Allows BG to Peek Through*/
}

.girl .hmy-content {
max-width: 1000px; /*Sets Maximum content width*/
margin: auto; /*Centers content DIV*/
}

/* 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;}
.girl {background-attachment: scroll; background-size: auto;}
}

/*iPad Media Query

The following media query will target all current iPads: */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.girl {background-attachment: scroll; background-size: auto;}
}