body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	background: white;
}

.sitewrapper-image {
	max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    z-index: 700;
}

.sitewrapper-headline {
    font-family: "Foundry Form Serif W01 Md",arial,helvetica,times,sans-serif;
    z-index: 701;
    color: white;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 72px;
	font-style: italic;
	width: 100%;
	line-height: 1;
	text-shadow: 1px 1px 3px rgba(33,33,33,0.7);
	text-align: center;
	display: none;
}

 @media (min-width: 1600px) {
 	.sitewrapper-image {
 		top: -80%;
 	}
}


@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
	.sitewrapper-image {
	    width: 100%;
	    top: -100%;
	    height: auto;
	}
}

@media only screen and (max-device-width: 1024px) and (orientation:portrait) {
	.sitewrapper-image {
	    width: auto;
	    height: 100%;
	}
}


 @media (max-width: 1200px) {
 	.sitewrapper-image {
 		top: -100%;
 	}
 }

 @media (max-width: 992px) {
 	.sitewrapper-headline {
 		font-size: 48px;
 	}
 }

 @media (max-width: 768px) {
	.sitewrapper-image {
 		top: -100%;
 	}
 }

 @media (max-width: 480px) {
 	.sitewrapper-image {
 		left: -115%;
 	}

 	.sitewrapper-headline {
 		font-size: 36px;
 	}
 }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 	.sitewrapper-image {
     	top: -100%;
 	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), (max-width: 768px) {
 	.sitewrapper-image {
 		max-width: 300%;
 	}
}

.sitewrapper-link {
	display: block;
	width: 100%;
	height: 100%;
}

.sitewrapper a:hover {
	opacity: 1;
}