.promo-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
  }

  .promo-video iframe {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  .promo-video figcaption {
    margin-top: 8px;
    text-align: center;
    font-size: 1rem;
    color: #333;
  }



 @media (max-width: 768px){

    header {
    margin-top: -70px;
    }


   .about-img2{
    width: 100%;
    height: auto;
   }

  .about-img2 img{
    width: 100%;
    height: auto;
    margin-top: 0px;
    }

   .promo-video {
      margin-top: 70px;
   }
}