section #ageVerify{
  position: fixed;
  inset: 0px;
  z-index: 99999;
}
/*background for popup*/
#overlayForAgeverification {
  background-image: conic-gradient(hsl(0 0% 0% / .75) 0 0), url('../img/hero2_lge_50.webp');
  position: fixed;
  height: 100dvh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
	display: none;
}
.box {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
  height: 50vh;
  width: 50vw;

  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 180px;
	display: none;
  overflow:hidden;
}
.boxContainer {
  display: flex;
  justify-content: center;
  align-items: center;

  flex-direction: column;
  min-width: 0; /* to prevent overflow */
  /*background: red;*/
}
h3 {
  padding: 0;
  margin: 0;
}
.btn-yes{
  background-color: #54A984;
}
.btn-no{
  background-color: #e36e3a;
}
.btn{
	color: #fff;
	text-decoration: none;
	padding: 10px;
	width: 100px;
	text-align: center;
	margin: 10px 30px;
  border-radius: 5px;
  box-shadow: 5px 5px 8px #c9c8c8;
}
.btn:hover{
  opacity:0.8;
  color:white;  
}
.boxContainer>div{
    display:flex; flex-direction:row;
  }
.boxContainer>p{
    padding: 20px;
  }
#ageVerify ul a{
  text-decoration: underline;
}

@media (max-width:600px){
  .box {
  height: 60vh;
  width: 80vw;
  }
  .boxContainer>div{
    flex-direction: column;
  }
}