.saira-stencil-one-regular {
  font-family: "Saira Stencil One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.headingbox {
  height:100%;
  /* background-color: #005b00; */
  background-image: url("./DDA-OHP.jpg");

  background-size:100% 70vw;
  background-repeat:repeat-y;
  background-blend-mode: color-burn;
}
h1 {
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 5%;
  margin-top: 2%;
  margin-bottom: 0%;
  color: #00003a;
  font-size: 6vw;
  text-shadow: 3px 4px #0F3F0F,2px 2px 5px #0F4F0F;
  text-align: left;
  line-height: 10%;
  font-family: "Saira Stencil One", sans-serif;
}
h2 {
  padding-top: 40px;
  margin-top: 3%;
  padding-bottom: 25px;
  margin-bottom: 3%;
  color: #550101f1;
  font-size: 8vw;
  line-height: 25%;
  text-shadow: 3px 3px #ffffff;
  text-align: center;
  font-family: "Saira Stencil One", sans-serif;
}
h3 {
  padding-top: 0%;
  margin-top: 2%;
  padding-bottom: 10px;
  margin-bottom: 3%;
  color: #bf5f0f;
  font-size: 3vw;
  line-height: 10%;
  text-shadow: 3px 3px 3px #050505, 5px 5px 8px #F5F5F5;
  text-align: center;
  font-family: "Saira Stencil One", sans-serif;
}
h4 {
  padding-top: 0%;
  margin-top: 2%;
  padding-bottom: 10px;
  margin-bottom: 3%;
  color: #ffffff;
  font-size: 3vw;
  line-height: 10%;
  text-shadow: 3px 3px 3px #000000, 5px 5px 8px #F5F5F5;
  text-align: center;
  font-family: "Saira Stencil One", sans-serif;
}
/* (A) GALLERY WRAPPER */
/* (A1) BIG SCREENS - 3 IMAGES PER ROW */
.gallery {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 10px;
  max-width: 420px;
  margin: 0 auto; /* horizontal center */
}

/* (A2) SMALL SCREENS - 2 IMAGES PER ROW */
@media screen and (max-width: 768px) {
  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* (B) GALLERY VIDEOS */
/* (B1) THUMBNAIL VIDEO */
.gallery video {
  width: 100%;
  height: 200px;
  object-fit: cover; /* fill | contain | cover | scale-down */
  cursor: pointer;
}

/* (B2) FULLSCREEN VIDEO */
.gallery video.full {
  position: fixed;
  top: 0; left: 0; z-index: 999;
  width: 100vw; height: 100vh;
  background: #003a00;
  object-fit: fill;
}

/* (C) EXIT FULLSCREEN */
#vClose {
  position: fixed; display: none;
  top: 0; right: 0; z-index: 9999;
  font-size: 20px; font-weight: 700;
  padding: 10px 15px;
  color: #fff;
  background: #cc0000;
  cursor: pointer;
}
#vClose.show { display: block; }

/* (D) CAPTION */
.vWrap {
  color: #f1f1f1;
  background: #003a00;
  border: #087700;
  border-width: 10px;
  border-style: double;
  border-radius: 4%;
}
.vCaption { 
  line-height: 4px;
  padding: 12px;
  text-align: center; 
  font-size: 1vw;
  font-family: "Saira Stencil One", sans-serif;
}

/* (X) WHOLE PAGE 
* {

} */