header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
/* bg image option below*/

background: url(../img/header-work.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	/* more stuff */
	/*background-size: 100% 100%;*/

}

/* -------------------------------------------------loading images*/

.iframeBgMPU {
	background-image: url(../img/loading-MPU.gif);
}

.iframeBg300x600 {
	background-image: url(../img/loading-300x600.gif);
}

.iframeBg728x90 {
	background-image: url(../img/loading-728x90.gif);
}
.iframeBg640x500 {
		background-image: url(../img/loading-640x500.gif);

}

.iframeBg120x600 {
		background-image: url(../img/loading-120x600.gif);

}
.iframeBg160x600 {
		background-image: url(../img/loading-160x600.gif);

}
.iframeBg970x250 {
			background-image: url(../img/loading-970x250.gif);

}
.iframeBg320x50 {
	background-image: url(../img/loading-320x50.gif);
}


/* -------------------------------------------------Header media quries*/
/* are we using these in 2026? */
@media(min-width:768px) {
header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;

	background: url(../img/header-work.jpg) center center no-repeat fixed;
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	
	/* try fix for iPad*/
	/* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
    /*top: 0; 
    left: 0; */
	background-attachment: scroll;

}
}
@media(min-width:1025px) {
header {

	background-attachment: fixed;

}

}

header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    /*text-transform: uppercase;*/
    font-weight: 400;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7); 
}

@media(min-width:768px) {
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
}

/*------------------------- new 2026 ------------------------------------------*/
/* NEED NEW HEADING COPY STYLES FOR PROJECT PAGES */
.ProjectTitleHead {
	padding-top:64px; /* gap at top of project page below logo*/
margin:0;
font-size:15px;
font-weight:400;
letter-spacing:0.02em;
}
.ProjectTitleSubHead {
	display: inline-block; /* keeps text on one line*/
}