.headerContactOutline {
	/* [disabled]clear: both; */
	/* [disabled]width: auto; */
	/* [disabled]float: left; */
	/* [disabled]right: auto; */
	/* [disabled]left: auto; */
	/* [disabled]background-color: rgba(255, 255, 255, 0.55); */
	/* [disabled]border-radius: 4px; */
	/* [disabled]margin-top: 10px; */
}
.headerBGimageOverlap {
	/* [disabled]z-index: 1500; */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]height: 207px; */
}
.headerTopRow {
    margin-left: -15px;
    margin-right: -15px;
}
.headerContContact {
    clear: both;
    min-height: 30px;
}
.headerEmail {
	/* [disabled]clear: both; */
	width: 36px;
	/* [disabled]margin-left: auto; */
	background-color: transparent;
	/* [disabled]margin-right: 20px; */
	height: auto;
	/* [disabled]margin-bottom: 10px; */
	float: left;
}
.headerPhone {
	/* [disabled]clear: both; */
	min-height: 0px;
	/* [disabled]width: auto; */
	float: right;
}
.headerPhoneLink {
	color: #572403;
	/* [disabled]-webkit-text-fill-color: #ED712F; */
	/* [disabled]-webkit-text-stroke-color: #ED712F; */
	/* [disabled]-webkit-text-stroke-width: 2px; */
	text-fill-color: #ED712F;
	text-stroke-color: #000;
	text-stroke-width: 1px;












	cursor: none:
	/*font-weight: 900;*/
	background-color: transparent;
	font-weight: 700;
}
.headerPhoneLink:hover {
	color: #552703;
	text-decoration: none;
	background-color: transparent;
}
.headerPhone_align {
	/* [disabled]margin-left: 14px; */
}
.mainMenu {
}
p.headerPhoneFormat {
	color: #FFFFFF;
	margin-bottom: 6px;
	line-height: 100%;
	font-weight: 900;
	margin-top: 0px;
	text-align: left;
	font-size: 30px;
	letter-spacing: -1px;
}
.floatRight {
    float: right;
}


/* Move content down/up to show below sticky header - adjust height to content below the header.   */
.headerSpacer {
	clear: both;
	height: 116px;
	width: 100%;
}



@media only screen and (min-width : 768px) {
    /* Large screen settings */
	
	/* Move content down/up to show below sticky header - adjust height to content below the header.   */
	.headerSpacer {
	height: 100px;
	}
    .headerContactOutline {
	/* size of container holding phone number, email and SM */
	clear: both;
	width: 300px;
	float: right;
	/* [disabled]height: 40px; */
	/* [disabled]border-radius: 6px; */
	/* [disabled]background-color: transparent; */
	padding-top: 0px;
	/* [disabled]padding-right: 14px; */
	padding-left: 10px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	/* [disabled]border-color: rgba(77, 98, 23, 0.843137); */
	border-width: 0px;
	border-style: none;
    }
    .headerTopRow {
        margin-left: -15px;
        margin-right: -15px;
        padding-left:15px;
        padding-right:15px;
        width:auto;
    }
    .headerContContact {
        clear: both;
        min-height: 10px;
    }
    .mainMenu {
	margin-top: 0px;
	margin-bottom: 0px;
    }
    .headerEmail {
	clear: none;
	/* [disabled]width: 44px; */
	/* [disabled]margin-right: 10px; */
	/* [disabled]height: 29px; */
	margin-top: 5px;
	float: left;
	width: 36px;
	/* [disabled]margin-bottom: 1px; */
    }
    .headerPhone {
	clear: none;
	/* [disabled]min-height: 30px; */
	margin-left: 0px;
	/* [disabled]width: 180px; */
	float: right;
	margin-top: 0px;
    }
    p.headerPhoneFormat {
	/* [disabled]width: 291px; */
	font-size: 36px;
	text-align: right;
	margin-bottom: 0px;
	/* [disabled]color:#FFFFFF; */
    }
}

@media only screen and (min-width : 1024px) {
    .headerContactOutline {
    }
    .headerContContact {
        clear: none;
        min-height: 10px;
        width: auto;
        right:auto;
        left:auto;
        margin-left:auto;
        float:right;
    }
    .mainMenu {
        /* [disabled]min-height: 0px; */
    }
    .headerEmail {
    }
    .headerPhone {
    }
    p.headerPhoneFormat {
    }

}

/* Show/Hide menus depending on screen size and where the main one is cut off */

@media only screen and (max-width : 900px) {
    /* ^^^ Show mobile menu at the breakpoint where large menu gets cut off  */
    .mainMenu {
        display: none;
    }
    #DWOffScreenMenu1_opener {
        display: inline;
    }
}

@media only screen and (min-width : 900px) {
    /* ^^^ Hide main menu show mobile at the breakpoint where large menu gets cut off  */
    #DWOffScreenMenu1_opener {
        display: none;
    }
}


/* Phone Layout - the point where the header switches from large to mobile and header becomes taller*/
/* Push slideshow down beyond mobile header  */
@media only screen and (max-width : 778px) {
	.Spacer4SlideshowHeight {
		margin-top: 130px;
		clear: both;
	}
	.headerBGimageOverlap {  /* replace in header */
	/* [disabled]background-image: url(../images/backgrounds/headerOverlapCenter.jpg); */
	background-position: top center;
    }
	.header {
	/* [disabled]background-color: #transparent; */
	border-bottom: 0px;
	}
}
/* width where header jumps and become less tall - large screen */
@media only screen and (min-width : 778px) {
/* Push slideshow down beyond header on large screen  */
	.Spacer4SlideshowHeight {
	margin-top: 128px;
	clear: both;
	}
}

@media only screen and (min-width : 770px) and (max-width : 900px) {
    /* Leave Phone and Email on the same line as logo just before collapsing to mobile version. Affected properties see ^^^  */
	/* the width of the right container is based on percentage. It needs to be converted to an absolute width so it can fit to the right of the logo. Experiment with dimensions.  */
    .headerRightContainer {
        width: 320px;  /* May not needc to change anything if container is small enough - leave as default width */
    }
}

@media only screen and (min-width : 768px) and (max-width : 900px) {
    /* Push the logo over when mobile menu takes up space on left. Needs to be moved back for phone orientation when logo is smallest. See below quiry for removing the margin   !!! start sooner than what screen size suggests*/
	/* Refer to "Show/Hide menus" to see when mobile menu kicks in but may not be needed */
    .cont_logo {
        margin-left: 70px;
    }
}




/* Slideshow  */ 
@media only screen and (max-width : 700px) {
	/* Hide large slideshow on small screens. The width is determined by width of mobile slideshow  */ 
	#slider_Large {
        display: none;
    }	
}

@media only screen and (min-width : 700px) {
	/* Hide small slideshow on large screens  */ 
	#slider_Mobile {
	display: none;
    }
}