.with-background {
	position: relative;
	background: transparent!important;
}

.with-background .background {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.with-background .background + div:not(.background) {
	z-index: 2;
}

.with-background .background-kenburns {
	overflow: hidden;	
}

.with-background .background-kenburns .background-ken-burns-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat; 
	background-position: center center; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	z-index: 0;
}

.with-background .background.background-youtube {
	overflow: hidden;
}

body.with-background > .background.background-video {
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  top: 0;
}

body.with-background > .background.background-youtube .background-youtube-content .ytplayer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  top: 0;
  z-index: -2;
}

body.with-background > .background.background-youtube .background-youtube-content  {
	z-index: -2;
}

body.with-background > .background.background-youtube .background-youtube-content .ytplayer-shield {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

section > .container > .background {
	left: 0;
	right: 0;
	width: auto;
}

.widget.with-background {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 4rem;
	padding-bottom: 4rem;
}