@charset "UTF-8";
/* CSS Document - jw custom*/

/* main background image*/
.abstract {
	background-image: url(../images/abstract.png);
	background-repeat: no-repeat;
}

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


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

.hom-head {
	font-size: 200%;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}

.hom-bg {
background-image: url(../images/hom-bg.png);
background-repeat: no-repeat;
background-size: cover;
} 

.hom-bg2 {
	background-image: url(../images/hom-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(255,255,255,0.50);
} 
.gradbg-whi90 {
	background-color: rgba(255,255,255,0.05);
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,1.00) 10%,rgba(255,255,255,.00) 80%);
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,.00);
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,.00);
	background-image: linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,.00);	
}

/* reset sm device borders no */ 
@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract .hmy-content-wrapper {border-left: none;}
}

/* fixed background */ 
.girl {
background-image: url(images/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*/
}

.my-special-column {
font-size: 125%;
background-color: rgba(0,0,0,.50);
}

.intro-column {
	font-size: 125%;
	background-color: rgba(0,0,0,.50);
	font-style: normal;
}

.brand-emphasis {
	font-weight: bold;
	font-variant: small-caps;
}

.but-cta-01 {
	width: auto;
	height: auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	color: rgba(255,255,255,1.00);
	border-radius: 3;
	font-weight: bold;
	background-color: rgba(175,53,52,1.00);
}

/* Grid Matte class */ 
.grid-matte {background-color: rgba(0,0,0,.80);}


/* 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;}
} 

/* CSS3 multiple background image elements */
.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(images/capitol.jpg);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}

/* Set image to Fixed Position */
.abstract-02 {
	background-image: url(../images/abstract.png); /*for old browsers*/
	background-color: linear-gradient(;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	background-attachment: fixed;
}

/* reset backgrounds for phones NOT fixed */ 
@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract-02 { background-attachment: scroll;}
}

/*iPhone 6 Plus*/
@media screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3){
.abstract-02 {background-attachment: scroll;}
}

/*iPads */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.abstract-02 {background-attachment: scroll;}
}
/* Design view fix gradient to solid */ 
.p7HMY.hmy-noscript .abstract-01 {
background-image: none !important;
background: rgba(255,51,0,1) !important;
}
.p7HMY.hmy-noscript .abstract-02 {
background-image: none !important;
background: rgba(0,0,0,1) !important;
}

/* */