:root {
  --bs-body-bg: #000;
  --bs-body-bg-rgb: 0, 0, 0;

  --bs-body-color: #333;
  --bs-body-color-rgb: 51, 51, 51;

  --bs-heading-color: #fbde84;
  --bs-heading-color-rgb: 251, 222, 132;

  --bs-light: #fff;
  --bs-light-rgb: 255, 255, 255;

  --bs-body-font-family: "Andika", Arial, Helvetica, sans-serif;
  --bs-body-font-size: 0.875rem;

  --bs-link-color: #cd3301;
  --bs-link-color-rgb: 205, 51, 1;
  --bs-link-hover-color: #666;
  --bs-link-hover-color-rgb: 102, 102, 102;
  --bs-link-decoration: none;

  --bs-primary: #7f6000;
  --bs-primary-rgb: 127, 96, 0;

  --bs-secondary: #843c0c;
  --bs-secondary-rgb: 132, 60, 12;

  --bs-warning: #e1b603;
  --bs-warning-rgb: 225, 182, 3;

  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-border-radius-xxl: 0;
  --bs-border-radius-2xl: 0;
  --bs-border-width: 0;

  --small-font-size: 0.75rem;
  --medium-font-size: 0.875rem;

  --right-link-color: #f1d598;
  --right-link-active-color: #ffbe36;

  --hdr-link-color: #cd3301;
  --hdr-link-active-color: #666;

  --helvetica-neue-font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

@media (min-width: 320px) and (max-width: 767px) {
  #welcome-text {
    .h4,
    h4 {
      font-size: var(--medium-font-size);
    }
  }
  #content-left {
    padding: 30px 20px;
  }

  #content-right {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
  #welcome-text {
    .h4,
    h4 {
      font-size: 16px;
    }

    .p,
    p {
      font-size: 21px;
    }
  }
  #content-left {
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 50px;
  }

  #content-right {
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

.no-padding-row,
.no-padding-container {
  --bs-gutter-x: 0;
}

a {
  text-decoration: var(--bs-link-decoration);

  &.active {
    color: var(--bs-link-hover-color);
  }
}

.text-lh {
  color: var(--right-link-active-color);
}

#header {
  border-bottom: 10px solid var(--bs-primary);
  height: 9.75rem;

  a {
    font-family: var(--helvetica-neue-font-family);
    font-size: var(--medium-font-size);
  }
}

#welcome-text {
  font-family: "Alef", Arial, Helvetica, sans-serif;
  padding-left: 35px;

  .h3,
  h3 {
    font-size: 22px;
    margin-bottom: 0;
  }
}

#content-left {
  --bs-heading-color: var(--bs-secondary);

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: var(--helvetica-neue-font-family);
  }

  .h2,
  h2 {
    font-size: 1.3em;
  }

  .h3,
  h3 {
    font-size: 15px;
    margin-bottom: 0;
  }

  .h4,
  h4 {
    font-size: 16px;
  }

  p {
    line-height: 1.4em;
    margin-bottom: 0;
    padding-bottom: 8px;
    text-align: justify;
  }

  strong {
    color: var(--bs-secondary);
  }

  ul {
    padding-left: 20px;
    padding-bottom: 0px;
  }

  li {
    list-style-image: url(../images/bullet-left.gif);
    list-style-position: outside;
  }
}

#content-right {
  lh {
    --bs-body-font-family: "Paprika", Arial, Helvetica, sans-serif;

    font-family: var(--bs-body-font-family);
    /* font-size: var(--small-font-size); */
  }
  li {
    list-style-image: url(../images/bullet-right.gif);
    list-style-position: outside;
    margin-left: 20px;
  }

  .a,
  a {
    line-height: 1.4em;
    color: var(--right-link-color);

    &:hover,
    &.active {
      color: var(--right-link-active-color);
    }
  }

  .btm-brder {
    border-bottom: 1px dotted #ffff00;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
  }
}

#footer {
  --bs-body-color: #666;

  color: var(--bs-body-color);
  font-size: var(--small-font-size);

  #footer-left {
    border-top: 1px solid #ed7d31;
    padding: 1rem 0;

    p {
      margin: 0;
    }
  }
}