@charset "UTF-8";
/* line 1, ../../sass/blocks/brafton-banner.scss */
.banner-block {
  background-color: rgba(22, 32, 57, 0.03);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  /* line 1, ../../sass/blocks/brafton-banner.scss */
  .banner-block {
    padding-top: 40px;
  }
}
/* line 10, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  /* line 10, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap {
    padding-block: 4rem;
  }
}
@media only screen and (min-width: 700px) and (max-width: 1056px) {
  /* line 10, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap {
    padding-inline: 2.5rem;
  }
}
@media only screen and (max-width: 700px) {
  /* line 10, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap {
    flex-direction: column;
    /*text-align: center;*/
    padding-top: 90px;
  }
  /* line 28, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap .img-container img {
    max-height: 200px;
  }
}
/* line 32, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap > * {
  flex: 1;
}
/* line 35, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap h1 {
  font-family: 'Merriweather';
  font-size: 48px;
  line-height: 60px;
  color: #162039;
  font-weight: 900;
}
/* line 41, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap h1 > p {
  font-family: 'Merriweather';
  font-size: 48px;
  line-height: 60px;
  color: #162039;
  font-weight: 900;
}
@media only screen and (max-width: 848px) {
  /* line 35, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap h1 {
    font-size: 34px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 840px) {
  /* line 35, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap h1 {
    max-width: 52vw;
  }
}
@media only screen and (max-width: 600px) {
  /* line 35, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap h1 {
    font-size: 37px;
    line-height: 41px;
  }
}
/* line 59, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap h1 strong {
  color: #005a9c;
  display: block;
}
/* line 63, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap h1 + h1 {
  margin-top: -39px;
}
@media only screen and (max-width: 848px) {
  /* line 63, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap h1 + h1 {
    margin-top: -25px;
  }
}
/* line 70, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap > .banner-content {
  flex: 0 1 60%;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  /* line 70, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap > .banner-content {
    width: 50%;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 70, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap > .banner-content {
    /*padding-left: calc(5vw);*/
    /*margin-left:-17vw;*/
  }
}
@media only screen and (max-width: 700px) {
  /* line 70, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap > .banner-content {
    padding-top: 14px;
    text-align: left;
    max-width: 92vw;
    width: 92vw;
  }
}
/* line 89, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap p {
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: 400;
  color: #162039;
  width: 444px;
  max-width: 82vw;
  line-height: 2rem;
}
@media only screen and (min-width: 768px) {
  /* line 98, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap .img-container {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40vw;
  }
}
/* line 107, ../../sass/blocks/brafton-banner.scss */
.banner-block .banner-wrap .img-container img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0px;
  margin-right: 0px;
}
@media only screen and (max-width: 833px) {
  /* line 107, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap .img-container img {
    margin-left: 0px;
  }
}

/* line 133, ../../sass/blocks/brafton-banner.scss */
.contain-img .banner-block .img-container img {
  transform: scale(1);
  object-fit: contain;
}

/* line 141, ../../sass/blocks/brafton-banner.scss */
.banner-wrap {
  width: 800px;
  max-width: 92vw;
  margin-left: auto;
  margin-right: auto;
}

/* line 148, ../../sass/blocks/brafton-banner.scss */
.page-front .banner-block .banner-wrap > .banner-content .banner-content {
  max-width: 92vw;
}

/* line 153, ../../sass/blocks/brafton-banner.scss */
.banner-fit-image.layout.layout--onecol .banner-wrap {
  position: relative;
}
@media only screen and (min-width: 768px) {
  /* line 158, ../../sass/blocks/brafton-banner.scss */
  .banner-fit-image.layout.layout--onecol .banner-wrap .img-container {
    width: initial;
  }
}
@media screen and (min-width: 768px) {
  /* line 164, ../../sass/blocks/brafton-banner.scss */
  .banner-fit-image.layout.layout--onecol .banner-wrap .img-container img {
    margin-top: 1rem;
    /*position: absolute;*/
  }
}

/* line 189, ../../sass/blocks/brafton-banner.scss */
div#banner.has-registered .banner-block .banner-wrap h1 strong {
  width: fit-content;
  padding-right: 43px;
  position: relative;
}
@media only screen and (max-width: 450px) {
  /* line 189, ../../sass/blocks/brafton-banner.scss */
  div#banner.has-registered .banner-block .banner-wrap h1 strong {
    padding-right: 28px;
  }
}
/* line 196, ../../sass/blocks/brafton-banner.scss */
div#banner.has-registered .banner-block .banner-wrap h1 strong:after {
  content: '®';
  transform: scale(0.5);
  position: absolute;
  right: 0;
  top: -10px;
}

@media only screen and (max-width: 450px) {
  /* line 206, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap .img-container img {
    max-height: 200px;
  }

  /* line 209, ../../sass/blocks/brafton-banner.scss */
  .banner-block .banner-wrap p {
    font-size: 18px;
    line-height: 1.7rem;
  }
}
