.bg-color {
  background: -webkit-linear-gradient(#e3eff2 0, #fff 840px);
  background: -o-linear-gradient(#e3eff2 0, #fff 840px);
  background: linear-gradient(#e3eff2 0, #fff 840px); }

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active {
  color: #b59562; }

.navbar-light .navbar-nav .nav-link:focus {
  border: none;
  outline: none; }

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: rgba(181, 149, 98, 0.7); }

a.anchor {
  display: block;
  position: relative;
  top: -83px;
  visibility: hidden; }

h1,
.h1 {
  font-size: 30px;
  font-weight: 500;
  color: #505044; }

h2,
.h2 {
  font-size: 24px;
  font-weight: 500;
  color: #505044; }

h3,
.h3 {
  font-size: 18px;
  font-weight: 500;
  color: #505044; }

h3:not(:first-child) {
  margin-top: 2em; }

h4,
.h4 {
  font-family: var(--bs-font-sans-serif);
  font-size: 18px;
  font-weight: 700;
  color: #505044; }

.accordion-button {
  font-size: 20px; }

.header {
  margin-top: 100px; }

.base {
  font-size: 18px; }

.navbar {
  font-family: 'Roboto', sans-serif; }

@media (max-width: 991px) {
  .navbar {
    padding-bottom: 1rem; } }

.dropdown-menu {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0;
  margin: 0;
  border: none; }

@media (min-width: 992px) {
  .dropdown-menu[data-bs-popper] {
    margin-top: -0.5rem; } }

.navbar-light .navbar-toggler {
  color: transparent;
  border: none;
  border-radius: 0; }

.btn-outline-primary {
  margin-bottom: .5em;
  margin-right: .2em; }

.btn-outline-primary:hover {
  color: #e3eff2; }

@media (min-width: 992px) {
  body > .container {
    padding: 0 92px; } }

body > .container img {
  max-width: 100%; }

@media (min-width: 480px) {
  body > .container img {
    max-width: 80%;
    height: auto; } }

.lead {
  margin-bottom: .3em; }

/* ** mobile menu ** */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.animated-icon {
  width: 24px;
  height: 16px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer; }

.animated-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out; }

.animated-icon span {
  background: #505044; }

/* icon */
.animated-icon span:nth-child(1) {
  top: 0px; }

.animated-icon span:nth-child(2),
.animated-icon span:nth-child(3) {
  top: 7px; }

.animated-icon span:nth-child(4) {
  top: 14px; }

.animated-icon.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%; }

.animated-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.animated-icon.open span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%; }