@media all {
  .video {
    margin-bottom: 3rem; } }
  @media all and (min-width: 768px) {
    .video {
      margin-bottom: 4rem; } }

@media all {
    .video.layout--wider .container {
      max-width: 1400px;
      margin: 0 auto; }
    .video__wrapper {
      position: relative;
      padding-bottom: 56.25%;
      
      height: 0; }
      .video__wrapper object,
      .video__wrapper embed,
      .video__wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .video__caption {
      display: block;
      font-family: "Poppins", sans-serif;
      font-size: 0.88889rem;
      background-color: #e3eff6;
      line-height: 1.4;
      color: #3e3e3e;
      padding: 0.8em 1em; }
      .video__caption p {
        line-height: 1.4; }
        .video__caption p:last-child {
          margin-bottom: 0; } }