@charset "utf-8";
.hero {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between
}
.hero.is-small .hero-body {
  padding: 1.5rem
}
@media print, screen and (min-width:769px) {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem
  }
  .hero.is-large .hero-body {
    padding: 18rem 6rem
  }
}
.hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body, .hero.is-halfheight .hero-body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container, .hero.is-halfheight .hero-body > .container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-negative: 1;
  flex-grow: 1;
  flex-shrink: 1
}
.hero.is-halfheight {
  min-height: 50vh
}
.hero.is-fullheight {
  min-height: 100vh
}
.hero-video {
  overflow: hidden
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}
.hero-video.is-transparent {
  opacity: .3
}
@media screen and (max-width:768px) {
  .hero-video {
    display: none
  }
}
.hero-buttons {
  margin-top: 1.5rem
}
@media screen and (max-width:768px) {
  .hero-buttons .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: .75rem
  }
}
@media print, screen and (min-width:769px) {
  .hero-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem
  }
}
.hero-foot, .hero-head {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}
.hero-body, .hero-foot, .hero-head {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.hero-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 3rem 1.5rem
}
@media print, screen and (min-width:769px) {
  .hero-body {
    padding: 3rem
  }
}