@import url(https://fonts.googleapis.com/css2?family=Karla&display=swap);
@import url(https://use.fontawesome.com/releases/v5.10.1/css/all.css);
.BackgroundImage {
  background-image: var(--image);
  opacity: var(--opacity);
  background-position: center center;
  background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0; }
  .BackgroundImage.repeat {
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: true; }

.SectionComponent .container {
  position: relative; }

.bg-white + .SectionComponent.bg-white {
  border-top: 1px solid #F0F0F0; }

.FooterComponent__inner {
  display: flex;
  flex-wrap: wrap; }
  .FooterComponent__inner > div {
    display: flex;
    flex: none;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px; }
  .FooterComponent__inner .brand img {
    display: block;
    height: 62px; }
  .FooterComponent__inner .social {
    align-items: flex-end; }
  .FooterComponent__inner .social a,
  .FooterComponent__inner .links a {
    color: inherit; }
    .FooterComponent__inner .social a:hover,
    .FooterComponent__inner .links a:hover {
      opacity: 0.8; }
    .FooterComponent__inner .social a:not(:first-of-type),
    .FooterComponent__inner .links a:not(:first-of-type) {
      margin-left: 20px; }
  @media screen and (min-width: 768px) {
    .FooterComponent__inner > div {
      flex: 50%; }
    .FooterComponent__inner .left {
      justify-content: flex-start; }
    .FooterComponent__inner .right {
      justify-content: flex-end; }
    .FooterComponent__inner .links {
      order: 1; } }

.SectionHeader:not(:last-child) {
  margin-bottom: 2rem; }

.SectionHeader__subtitle {
  max-width: 700px;
  display: inline-block; }

.Features {
  max-width: 900px;
  margin: 60px auto 0 auto; }
  .Features .row:nth-of-type(even) {
    flex-direction: row-reverse; }
  .Features .row:not(:last-of-type) {
    padding-bottom: 1.5rem; }
    @media screen and (min-width: 769px) {
      .Features .row:not(:last-of-type) {
        padding-bottom: 2.5rem; } }
  .Features__image-container {
    max-width: 300px;
    margin: 30px auto; }

.Instructions__no-classname {
  padding-top: 20px;
  text-align: center; }

.Instructions__subtitle {
  max-width: 700px;
  display: inline-block; }

.Example__image-container {
  max-width: 570px; }

.HeroSection__image-container {
  max-width: 570px; }

.BackgroundImage {
  display: none; }

@media screen and (min-width: 1202px) {
  .BackgroundImage {
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 44% 57%;
    display: block; } }

h4.font-weight-bold.mb-0.h1 {
  text-align: center !important;
  padding: 5px; }

@media screen and (max-width: 768px) {
  h4.font-weight-bold.mb-0.h1 {
    font-size: 35px; } }

.HeroSection__image-container {
  max-width: 570px; }

.Features2__icon {
  font-size: 70px;
  width: 70px;
  height: 70px; }

.FeaturesSection__image-container {
  max-width: 570px; }

.HeroSection__image-container {
  max-width: 570px; }

.Faq__faq-item {
  padding-bottom: 1.6rem; }

.Faq__faq-item h4 {
  font-size: 24px;
  font-weight: 700; }

.Faq__faq-item p {
  font-size: 18px; }