body {
    color: var(--color-coaching-darker);
    margin: 4vh 2vw;
}

a:active, a:hover, a:focus {
    font-weight: 900;
}

/**HEADER**/
.menu-container, .menu-container a {
    color: var(--color-coaching-darker);
}

.menu-container a:hover {
  color: var(--color-coaching);
}

/*Responsive*/
@media(max-width: 900px) {
  .menu {
    background: var(--color-coaching-darker);
  }

  .menu-container a {
    color: var(--color-neutral);
  }
  
  .menu-container a:hover {
    color: var(--color-coaching-darker);
  }
}

/**SECTION**/
section {
  margin: 8vh auto;
  text-align: center;
}

h1 {
  font-size: 3.8em;
}

h2{
  font-size: 2em;
  font-style: italic;
}

#contact{
    margin: auto;
    margin-top: 5vh;
    max-width: fit-content;
    text-align: center;
    font-size: 1.5rem;
    color: var(--color-neutral);
    background-color: var(--color-coaching);
    padding: 1em;
    border-radius: var(--border-radius);
}