@charset "utf-8";
/* CSS Document */

#section-ultar-lux-facial {background-color: var(--brand-accent2);}
#section-explore {background-color: white;}


.obi_imageIndex img {
	width: 106%;
	height: auto;
	margin-left: -10px;
}

.video-background {
    width:100%;
    height:40vh;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}

.video-background video{
    position:relative; /*was absolute;*/
    top:0;
    left:0;
    object-fit:cover;
}

.videoA { /* This is to make the video appear behind everything else */
  position: absolute;
  z-index: -1000; /* Z-Index is -1000 just to be safe */
  right: 0;
  bottom: 0;
  max-width: 100%;
  min-height: 100%;
}

.contentA { /* This is for the content */
  position: absolute;
  z-index: 1; /* This can be set to any number greater than -1000. */
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}


@media (min-width: 576px) {
	/*h1 {color: yellow;}*/
	.video-background {width:auto; height:auto;}
}