/* From demo.css */

    .demo-template-page {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      overflow: hidden;
    }

    /* FORM SECTION */

    .demo-template-page .content-container {
      width: 100%;
      height: 100%;
      max-width: 1440px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 120px 0;
      background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/demo/Demo_Hero_Desktop.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top;
    }

    @media only screen and (max-width: 1000px) {
      .demo-template-page .content-container {
        flex-direction: column;
        align-items: center;
        padding: 80px 0;
        background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/demo/Demo_Hero_Mobile.jpg);
        background-position: center;
      }
    }

    .demo-template-page .demo-header {
      width: 100%;
      max-width: 580px;
    }

    .demo-template-page .demo-copy {
      width: 100%;
      max-width: 550px;
    }

/* From watch-demo.css */

    .video-cta-wrapper {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      overflow: hidden;
    }

    .video-cta-wrapper .cta-wrapper {
      width: 100%;
      max-width: 600px;
      padding: 40px 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }

    .video-cta-wrapper .video-section-video {
      width: 100%;
    }

/* Demo Template CSS */

.demo-template-page .body-container {
  width: 100%;
  max-width: 880px;
  padding: 30px;
  margin: -80px 0 0;
}

.student-link {
  color: #214595;
  text-decoration: underline;
  cursor: pointer;
  transition: all 250ms;
}