/*Central parallax effect gubbins

Thanks to Keith Clark for the original code and instructions
https://keithclark.co.uk/articles/pure-css-parallax-websites/


General parallax div base settings*/

.plx-viewport {
	
}

.plx-frame {/*Previously known as parallax__group*/
	position: relative;
	height: 750px;/*Fallback for older browsers*/
	height: max(100vh, 750px);
}

.plx-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/*Parallax layer div base settings*/

.plx-layer_slowheader {
	z-index: 50;
	height: 0;
}

.plx-layer_background {
	z-index: 10;
}

.plx-layer_base {
	z-index: 20;
}

.plx-layer_subfore {
	z-index: 25;
}

.plx-layer_fore {
	z-index: 30;
}

.plx-layer_superfore {
		z-index: 40;
}

/*Parallax on settings moved to parallaxon.css*/



/*Universal parallax group settings*/

.plx-header {
	z-index: 51;
	height: 0;
}

.plx-hero .plx-layer_background {
	background-size: cover;
	background-color: gray;
	
}

/*Page specific parallax elements are defined in [pagename].css*/