.mdc-typography--headline2, .mdc-typography--subtitle1 {
    text-transform: capitalize;
}
.mdc-typography--headline2, .mdc-typography--subtitle1, figure {
   margin: 5px;
}
.mdc-typography--caption-text {
    font-style: italic;
}

iframe {
  width: 100%;
  height: calc(68.8vw / 16 * 9);
}

@media screen and (max-width: 1550px) {
  iframe {
    width: 100%;
    height: calc(70vw / 16 * 9 - 6px);
  }
}

@media screen and (max-width: 600px) {
  iframe {
    height: calc(90vw / 16 * 9 - 5px);
  }
}

@media screen and (max-width: 600px) {
  iframe {
    height: calc(93.5vw / 16 * 9);
  }
}