:root {
  --marstol-brown: #24140c;
  --marstol-teal: #4c8a83;
  --marstol-lime: #bbe384;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.hero-header {
  background-color: var(--marstol-teal);
}

.marstol-logo {
  max-height: 150px;
  width: auto;
}

h1, h2, h5 {
  color: var(--marstol-teal);
}

.btn-primary {
  background-color: var(--marstol-teal);
  border-color: var(--marstol-teal);
}

.btn-primary:hover {
  background-color: #3d716b;
  border-color: #3d716b;
}

.btn-success {
  background-color: var(--marstol-lime);
  border-color: var(--marstol-lime);
  color: #24140c;
}

.btn-success:hover {
  background-color: #a5cd73;
  border-color: #a5cd73;
  color: #24140c;
}