* {
    box-sizing: border-box;
    color: rgb(100, 100, 100);
    font-family: Jost;
  }
  
img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 350px;
  padding: 5%;
}

section.header-section {
  background-color: #d2e6b5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

div.navbar-collapse {
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .navbar-brand {
      display: none;
  }
}

@media only screen and (max-width: 768px) {
  div.navbar-collapse {
    justify-content: flex-start;
  }

}

section.contact, .home{
  background-color: #f5f6f8;
}


.home-text {
  margin: 4%;
}

section.home {
  padding-top: 6%;
  padding-bottom: 6%;
  font-size: 1.2rem;
}

section.aoe {
  background-color: #d2e6b5;
  padding: 2%;
}

.aoe-headline {
  padding-top: 1%;
}

.aoe-text {
  font-size: 1.5rem;
}

ul.aoe-list {
    list-style-type: none;
  }

.contact-text{
    line-height:1.1em;
    margin: 5px;
  }

.contact-form input{
  padding: 5px;
}

.send-button {
  background-color: #d2e6b5;
  color: rgb(91, 90, 90);
}

.send-button:focus, 
.send-button:active, 
.send-button:focus-visible {
    background-color: #d2e6b5;
    color: rgb(91, 90, 90);
}

#message {
  resize: none;
  padding: 5px;
}

.thank-you {
  visibility: hidden;
  display: block;
  margin: 5px;
  text-align: center;
}

.contact-left {
  padding-top: 5%;
  padding: 5%;
  padding-right: 7%;
}

.form-control {
  margin: 5px;
}

.error-message {
  color: red;
  font-size: 12px;
  display: block;
  visibility: hidden;
}

.footer {
  background-color: #d2e6b5;
  color: rgb(100, 100, 100);
  text-align: center;
  padding: 0.7%;
}

.footer-message {
  margin: 0;
}