@import url("./fonts.css");
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-family: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif,
    sans-serif;
  background: #ffff;
  letter-spacing: -0.025rem;
}

body {
  margin: 0;
  padding: 0;
}

h1 {
  margin: 0;
  font-family: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif,
    sans-serif;
}
.Banner_Container {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  
}

.Video_Wrapper {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 1000px;

}
.Video {
  width: 100%;
  height: 100%;
}
.Video_Title {
  font-size: 1.625rem;
  color: #000;
  font-weight: 700;
  font-family: lato, sans-serif;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 24px;
}
.Video_CTA {
  position: absolute;
  top: 10px;
  right: 10px;
}

@media (min-width: 768px) {
  .Video_CTA {
    top: 64px;
    right: 90px;
  }
  .Video_Title {
    font-size: 1.875rem;
  }
}