<div class="homepage-section angled-section promo-angled-section"> 
  <div class="homepage-section-container angled-section-container np-header-font-color">
    <div class="np-homepage-headline-mini np-header-font-color">
      About Mizuno
    </div>
    <div class="np-homepage-subheadline np-header-font-color">
      It is our mission to not only meet the demands of those who are sincere athletes but also those who believe in the value of sports by offering superior goods and services. We pursue new height in sports and beyond.
    </div>
    <div class="video-container">
      <iframe id="video" class="mizuno-promo-video" width="1000" height="500" src="https://youtu.be/yBD3_0fq_Ug" title="Mizuno Reach Beyond Promo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen></iframe>
    </div>
    <div class="np-homepage-headline-mini np-header-font-color">
      Our Vision
    </div>
    <div class="np-homepage-subheadline np-header-font-color">
      We seek to enrich the lives of people through the power of sports and to contribute in bringing happiness and joy to athlete's lives.
    </div>
  </div>
</div>

<style>
  .mizuno-promo-video{
    width: 100%;
    height: 215px;
    margin: 15px auto;
  }

  @media screen and (min-width: 450px){
    .mizuno-promo-video{
      height: 265px;
    }
  }

  @media screen and (min-width: 525px){
    .mizuno-promo-video{
      height: 310px;
    }
  }

  @media screen and (min-width: 625px){
    .mizuno-promo-video{
      height: 400px;
    }
  }

  @media screen and (min-width: 768px){
    .promo-angled-section{
      margin: 30px auto;
    }

    .mizuno-promo-video{
      height: 315px;
    }
  }

  @media screen and (min-width: 850px){
    .mizuno-promo-video{
      height: 390px;
    }
  }

  @media screen and (min-width: 1100px){
    .mizuno-promo-video{
      height: 450px;
    }
  }

  @media screen and (min-width: 1200px){
    .mizuno-promo-video{
      height: 500px;
    }
  }
</style>