/* Font-face declarations are in /assets/css/style.css (shared) */


:root {
  --gradient-color: linear-gradient(to right, #385bd0, #354987);
  --upload-button-color: rgb(231, 231, 231);

  --blue-violet: rgb(51, 51, 51);
  --next-button-color: linear-gradient(to bottom, var(--blue-violet), rgb(51, 51, 51));

  --builder-header: #3e4b6d;
  --font: #3e4b6d;
  --use-this-template: linear-gradient(to bottom, var(--builder-header), var(--font));
}

/* Shared sidebar/layout styles are in /assets/css/style.css */

#title {
  width: 100%;
  text-align: center;
  margin: 8vh 0 2vh 0;
}

#subTitle {
  width: 80vw;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 901px) {
  .sb-page-header__grid--3col {
    grid-template-columns: 1.2fr 1.2fr auto !important;
  }
}

.sb-page-header__video-col {
  display: flex;
  justify-content: flex-end;
  align-self: flex-start;
}

@media (max-width: 900px) {
  .sb-page-header__video-col {
    justify-content: center !important;
    width: 100%;
  }
}