/* videoA */
#videoA {
  display: flex;
  justify-content: center;
  background: #000;
  padding-bottom: 10px;
}

#videoAwrapper {
  width: 70%;
  max-width: 900px;
  aspect-ratio: 16 / 9;
}

#videoAwrapper iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  #videoAwrapper {
    width: 100%;
    max-width: none;
  }
}

/* ---------------------------------------------------------- */
#videoB {
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
  background-color: rgb(245, 245, 245);
}

#videoBwrapper {
  width: 70%;
  max-width: 900px;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  background: #000;
}

#videoBwrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 768px) {
  #videoBwrapper {
    width: 100%;
    max-width: none;
  }
}