.intro-and-video {
}


.intro-and-video {
  /* background: linear-gradient(90deg, var(--white) 50%, var(--purple-800) 50%, var(--purple-800) 100%); */
}

.intro-and-video .intro-col {
  padding: var(--lg) 0;
}




.intro-and-video img {
  display:block;
}

.intro-and-video .button {
  display: block;
  margin: 2rem 0;
}

@media (min-width: 768px) {
  .intro-and-video .grid {
    --min: 30ch;
    --gap: var(--xxl);
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
    align-items: center;
  }
}


@media (max-width: 768px) {
  .intro-and-video {
    padding: var(--md)!important;
  }
}

.modal-content {
  padding:0;
}