body {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  padding: 0;
  margin: 0;
}

.site-text { color: #f89829; }
.site-plain { color: #636466; }

.site-background { background: #f89829; }
.copyright-background { background: #fff5e5; }

.footer-background { background: #434343; }

a, a:visited { color: #d17408; }
a:hover { color: #0a58ca; }

.justify { text-align: justify !important; }

.dropdown a, .footer-background a, .site-footer a, .simple-site-footer a,
#forgotpasswordtext a, #forgotsuccess a, #featureregister a, #indexfeaturelink a {
  text-decoration: none;
}

.whitespacepreserve {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

#loginbody {
  background-image: url("background-memberlogin.jpg");
  background-size: cover;
}
#login { background-color: rgba(248, 152, 41, 0.75); }
#loginbuttons { height: 64px; }

#indextitlepicture {
  background-image: url("background-index-first.png");
  background-size: cover;
  @media (max-width: 575.98px) {
    padding: 10px;
    height: 400px;
  }
  @media (min-width: 576px) {
    padding: 40px;
    height: 809px;
  }
}

#indextitle {
  background-color: rgba(0, 0, 255, 0.75);
  @media (max-width: 575.98px) {
    margin: 10px;
    padding: 10px;
  }
  @media (min-width: 576px) {
    padding: 40px;
    width: 40%;
  }
}

#indexfeatures { position: relative; }
#indexfeaturespicture {
  background-image: url("background-index-features.png");
  background-size: cover;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: -1;
  @media (max-width: 575.98px) {
    height: 1400px;
  }
  @media (min-width: 576px) {
    height: 553px;
  }
}
.indexfeature {
  @media (min-width: 576px) {
    width: 20%;
  }
}
#indexfeatureslist, #indexregister, #indexadvantages { width: 90%; }
#indexfeatureonestop {
  @media (max-width: 575.98px) {
    width: 90%;
  }
  @media (min-width: 576px) {
    width: 50%;
  }
}

#indexposition { position: static; height: 150px; }

#indexcostpicture {
  @media (max-width: 575.98px) {
    display: none;
  }
}

#registertitlepicture {
  background-image: url("background-register.png");
  background-size: cover;
  height: 398px;
}

#featurestitlepicture {
  background-image: url("background-features.png");
  background-size: cover;
  height: 398px;
}

#privacytitlepicture {
  background-image: url("background-privacy.png");
  background-size: cover;
  height: 398px;
}

#registertitle, #featurestitle, #privacytitle {
  background-color: rgba(0, 0, 255, 0.75);
  width: fit-content;
}

#featureregister, #indexfeaturelink {
  width: fit-content;
}

#nav-menu-login a:link, #nav-menu-login a:visited,
#nav-footer-login a:link, #nav-footer-login a:visited {
 color: #dee2e6;
}
#nav-footer-login a:hover { color: #f8f9fa; }

.simple-site-footer {
  background: #fff5e5;
  width: fit-content;
}