.homepage {
    background-image: url(wyoming-road2-opt.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    color: #fff;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 100vh;
}

@media (hover: none) {
    .homepage {
        background-attachment: scroll;
    }
}

h1 {
  /* font-family: 'Playfair Display', serif; */
  font-size: 15vh;
  text-align: right;
  color: white;
  font-weight: calc(var(--fontWeight) * 7);
  padding-right: calc(var(--fontSize) * 2);
  padding-top: calc(var(--fontSize) * 2);
  padding-bottom: calc(var(--fontSize) * 2);
  text-shadow: 1px 0 0 #003976, 0 -1px 0 #003976, 0 1px 0 #003976, -1px 0 0 #003976;
}

h2 {
  text-shadow: 1px 0 0 #003976, 0 -1px 0 #003976, 0 1px 0 #003976, -1px 0 0 #003976;
}

.subtitle {
  text-align: right;
  padding-top: calc(var(--fontSize) * 2);
  padding-right: calc(var(--fontSize) * 2);
  font-size: calc(var(--fontSize) * 1.5);
}

@media screen and (max-width: 39.9375em) {
  h1 {
    text-align: center;
    padding-right: 0;
  }
  .subtitle {
    text-align: center;
    padding-right: 0;
    padding-top: calc(var(--fontSize) * 4);
  }
}

@media screen and (max-width: 800px) {
  h1 {
    font-size: 10vh;
    text-align: center;
    padding-right: 0rem;
  }
  .subtitle {
    text-align: center;
    padding-top: calc(var(--fontSize) * 4);
    padding-right: 0;
  }
}

.top-bar {
  border-top: none;
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  font-size: calc(var(--fontSize) * 0.8);
  position: static;
}

.top-bar ul li a {
  font-size: calc(var(--fontSize) * 0.8);
}

.top-bar ul li {
  background: transparent;
}

.top-bar ul {
  background: transparent;
}

.top-bar a {
  color: white;
  background: transparent;
}

/* .top-bar-right li>a {
  text-shadow: 1px 0 0 white, 0 -1px 0 white, 0 1px 0 white, -1px 0 0 white;
} */

.top-menu-icon {
  margin-right: 2em;
}

.vertical li a:hover {
  color: var(--brandcolor);
}

.SBlogo {
    width: 300px;
    height: 232px;
    float: left;
    margin-left: calc(var(--fontSize) * 3);
}

.bottom-div-text {
    color: var(--brandshadow);
    text-align: right;
    font-size: calc(var(--fontSize) * 0.75);
    margin-bottom: calc(var(--fontSize) * 0.75);
    margin-right: 10px;
}

.modal .schwab-reqd p {
  font-size: 12pt;
}

.cancel {
  text-align: left;
}

.gotocas {
  text-align: right;
}

@media print {

    .noprint {
      display: none;
    }

    .nobreak {
        page-break-inside: avoid;
    }

    .printonly {
        margin-top: 0in;
    }

    .intro {
        min-height: 0;
    }

    h1 {
      font-size: calc(var(--fontSize) * 5);
      line-height: calc(var(--fontSize) * 6);
      margin-bottom: calc(var(--fontSize) * 4);
    }

    h2 {
      font-size: calc(var(--fontSize) * 4);
      line-height: calc(var(--fontSize) * 4);
    }

    a[href]:after {
      content: " (" attr(href) ")";
      text-decoration: underline;
      font-size: calc(var(--fontSize) *0.75); 
    }

    .icon {
      stroke: black;
    }

    .button {
      font-size: var(--fontSize);
    }

    .card {
      overflow: visible;
    }

    .card-section p {
      font-size: var(--fontSize);
      line-height: var(--lineHeight);
    }

    .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible!important;
    }

    .modal p {
      font-size: var(--fontSize);
      line-height: var(--lineHeight);
    }
    .modal a {
      font-size: var(--fontSize);
      line-height: var(--lineHeight);
    }
}