/* Container */
.hero {
  position: relative;
  height: 100vh; /* Full screen height */
  width: 100%;
  overflow: hidden;
}

/* Background Video */
.hero__video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}

/* Content Overlay */
.hero__content {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Optional dark overlay for readability */
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

/* PNG Images */
.hero__image {
  position: absolute;
  height: auto;
}

/* Positioning examples */
.hero__image--left {
	top: -6%;
	left: 19%;
	max-width: 200px;
}

.hero__image--right {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
    width: 301px;
    height: auto;
    max-width: 300px;

}
	
@media (max-width: 768px) {
  .hero {
    height: 70vh;
  }

  .hero__image {
    /*max-width: 120px;*/
  }
}



body {
margin: 0;
padding: 0;
background-color: black;
}

#header-video {
  position: relative;
}

#new-video {
  position: static;
  max-width: 100%;
  height: auto;
  top: 0;
  margin-bottom: -1vw;
}

#new-video-content, new-video {
  margin-right: 0;
}

#new-video-content img, new-video img {
  max-width: 25vw;
  margin-top: 6vw;
  margin-left: 6.5vw;
}

#new-video-content {
  margin: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.dedication-section {
  background: url("../img/tree-bkrd.jpg") no-repeat center/cover;
  padding: 100px 20px;
}

.cards-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.quote-card {
  display: flex;
  justify-content: center;
  align-items: center;
}
	
.quote-card img {
  max-width: 320px;
  height: auto;
  display: block;
}

@media (max-width: 768px) {

  .cards-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .quote-card img {
    width: 100%;
    max-width: 420px;
  }
}











br.for-desktop {
	display:none;
}
#container {
width: 100%;
}

.content {
/*padding: 0 4vw;*/
}

.img_content {
padding: 0;
}

a img {
/* Necessary for the router to work properly if the developer puts an A tag around an IMG */
pointer-events: none;
}

.text-section {
	margin-bottom: 8vw;
}

.blackbg{
padding:2vw 3vw;

}

.blackbg2{
padding:2vw 3vw;

}

hr {
		border: 1px solid #F6B0BD;
		width: 100%;
	}

.section {
padding: 4vw 0;

}
 .darkgray{
	background-color: black;
	padding:0 2vw;
}

.lightgray{
	background-color: black;
	padding: 5vw 2vw;
}

.section #footer {
padding:0;
}

#header img{
    /* padding: 5vw 0 2vw;*/
	margin:auto;
	height:auto;
}

#header{
    background-image: url(../img/header.jpg);
    background-color: #000000;
    /*background-position: bottom -3vw right -25vw;*/
    background-repeat: no-repeat;
    /*padding: 0 4vw 6vw;*/
    background-size: 100%;
   }

#header #adlarity-logo {
	width: 50vw;
	height: auto;
	margin-left: 0px;
}

#mobileStack{
    min-height: 1vw;
    padding-bottom: 36vw;

}

#mobileStack .adlarity-header-text{
font-size:9vw;
line-height:9vw;
}

#mobileStack br.tmp{
	display:none;
}
#main-content{
margin:6vw auto;
}

#video-fpo {
display: flex;
justify-content: center;
}

img {
	display: block;
	width: 100%;
	height: auto;
	padding: 30px 0;
}

iframe {
/*width: 640px;
height: 360px;*/
	width: 90vw;
	height: 52vw;
	display: block;
	margin: 10vw auto;
	max-width: 910px;
	max-height: 518px;
}

.sbs {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}

#collateral img {
	max-width:90%;
}

#adimage {
	vertical-align: middle;
}

#adimage2 {
	vertical-align: middle;
}

#adwebsite {
    vertical-align: middle;
    margin: 0 45px 0 0;
}

#adwebsite2 {
    vertical-align: middle;
    margin: 0 45px 0 0;
}

#collateral{
margin:auto;
}
#video-fpo img{
margin:0;
padding: 5vw 0 5vw 0;
max-width:90%;
}

#visualaid-image{
	margin: 0 0 0 6vw;

}

#pinkbox {
	width: 114px;
	height: 6px;
	background-color: #F6B0BD;
	margin-bottom: 30px;
}

#pinkbox2 {
	width: 114px;
	height: 6px;
	background-color: #F6B0BD;
	margin: 20px auto;
}

#pinkbox3 {
	width: 114px;
	height: 6px;
	background-color: #F6B0BD;
	margin-bottom: 30px;
}

/*.hero {
  position: relative;
  background: url("../img/tree-bkrd.jpg") no-repeat center/cover;
  height: auto;
}

.overlay {
  position: absolute;
  max-width: 350px;
}

.img1 { top: 120px; left: 120px; }
.img2 { top: 120px; left: 500px; }
.img3 { top: 120px; left: 880px; }
	
	
	@media (max-width: 768px) {
  .hero {
    height: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover;
  }

  .overlay {
    position: static;
    margin-bottom: 15px;
    max-width: 80%;
  }
}*/