main > section,
main > footer,
main > header,
body > section,
body > footer,
body > header {
	position: relative;
	/*
          &.overlay {
              position: relative;


              &:before {
                  z-index: 1;
                  position: absolute;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  top: 0;
                  content: "";
                  background: rgba(var(--bs-main-color-rgb), 0.4);
              }
          }*/ }
main > section .background-container,
main > section .overlay,
main > footer .background-container,
main > footer .overlay,
main > header .background-container,
main > header .overlay,
body > section .background-container,
body > section .overlay,
body > footer .background-container,
body > footer .overlay,
body > header .background-container,
body > header .overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	overflow: hidden; }
main > section .background-container img,
main > section .background-container video,
main > section .overlay img,
main > section .overlay video,
main > footer .background-container img,
main > footer .background-container video,
main > footer .overlay img,
main > footer .overlay video,
main > header .background-container img,
main > header .background-container video,
main > header .overlay img,
main > header .overlay video,
body > section .background-container img,
body > section .background-container video,
body > section .overlay img,
body > section .overlay video,
body > footer .background-container img,
body > footer .background-container video,
body > footer .overlay img,
body > footer .overlay video,
body > header .background-container img,
body > header .background-container video,
body > header .overlay img,
body > header .overlay video {
	width: auto;
	height: auto;
	max-width: initial;
	min-height: 100%;
	min-width: 100%;
	/*
                  @include media-breakpoint-down(md) {
                      margin: 0 0 0 -25%;
                  }

                  @include media-breakpoint-down(sm) {
                      margin: 0 0 0 -50%;
                  }
                  */ }
main > section .background-container img,
main > section .overlay img,
main > footer .background-container img,
main > footer .overlay img,
main > header .background-container img,
main > header .overlay img,
body > section .background-container img,
body > section .overlay img,
body > footer .background-container img,
body > footer .overlay img,
body > header .background-container img,
body > header .overlay img{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }
main > section .overlay, main > footer .overlay, main > header .overlay, body > section .overlay, body > footer .overlay, body > header .overlay {
	z-index: -1;
	background: #000;
	opacity: 0.6; }
main > section .separator, main > footer .separator, main > header .separator, body > section .separator, body > footer .separator, body > header .separator {
	z-index: 2;
	position: absolute;
	width: 100%;
	color: #fff;
	/*> svg, */ }
main > section .separator > img, main > footer .separator > img, main > header .separator > img, body > section .separator > img, body > footer .separator > img, body > header .separator > img {
	width: 100%;
	height: 100%; }
main > section .separator.bottom, main > footer .separator.bottom, main > header .separator.bottom, body > section .separator.bottom, body > footer .separator.bottom, body > header .separator.bottom {
	bottom: 0; }
main > section .separator.top, main > footer .separator.top, main > header .separator.top, body > section .separator.top, body > footer .separator.top, body > header .separator.top {
	top: 0px; }