// //////////////////////////////////////////
// // SEPERATOR MODULE
// //////////////////////////////////////////

.seperator-module{
	color: $white;
	height: $seperator-module-height;
	background-color: $seperator-background-color;
	position: relative;

	@include break(tl){
		padding-top: 450/$tl*100vw;
	}

	@include break(lf){
		height: $seperator-module-lf-height;
	}

	.image-container {
		@include image-container;
		z-index: 1;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		mix-blend-mode: $seperator-blend-mode;

		&.b-loaded{
			opacity: $seperator-background-opacity;
		}
	}
}