* {
  margin: 0;
  padding: 0;
}

body {
  box-sizing: border-box;

  font-family: Cabin;
  font-size: 25px;
  font-style: normal;
  font-weight: normal;

  color: var(--custom-blue);

  hyphens: auto;

  --custom-blue: rgb(0, 0, 91);
  --custom-lightblue: #bbbfed;
  --custom-gray: rgba(135, 135, 135, 0.14);
}

a {
  color: var(--custom-blue);
}

#toggle-modal {
  display: none;
}

#welcome {
  display: none;
}

#mobile-welcome {
}

header {
  height: 100vh;
}

nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  align-content: center;
  width: 100vw;
}

nav > div {
  height: 10vh;
}

#nav-toggle {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 50vw;

  background: var(--custom-blue);
  color: #f5f5f5;

  font-weight: bold;
  text-align: center;
}

#nav-toggle > i {
  padding: 0 5px;
}

.nav-logo {
  width: 50vw;
  background: url(../img/logo2.svg) var(--custom-blue) no-repeat center
    center/cover;
}

.nav-items {
  width: 50vw;
  text-align: center;
}

#mobile-nav-items {
  display: none;

  height: 20vh;
  width: inherit;

  text-align: center;
}

#mobile-nav-items > ul {
  display: flex;

  flex-direction: column;
  justify-content: space-between;

  height: inherit;

  list-style: none;
}

#mobile-nav-items li {
  border-bottom: 3px solid var(--custom-blue);
}

li > a {
  text-decoration: none;
}

#mobile-j {
  height: 100vh;

  background: url(../img/go-jutta.jpg) no-repeat center/cover;
}

main {
  display: flex;
  flex-direction: column;

  font-size: 1rem;
}

main > * {
  padding: 1rem;
}

main h3 {
  text-align: center;
}

main > section {
  display: flex;
  flex-direction: column;
  justify-content: space-around;

  background: #ebebeb;
}

main > section:nth-child(odd) {
  background: #f5f5f5;
}

p,
h3 {
  padding: 0.95rem;

  hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
}

#service-quote {
  text-align: center;

  font-size: larger;
  font-family: "Bad Script";
  font-weight: bold;
}

#service-credential-container {
  padding: 0 3rem;
}

#service-credential-list {
  list-style: circle;
}

#service-boxes {
  display: flex;
  flex-direction: row;

  justify-content: center;

  border-top: 3px solid #fef778;
  border-bottom: 3px solid #fef778;
}

.service-box:nth-child(even) {
  border-top: 3px solid #fef778;
  border-bottom: 3px solid #fef778;

  padding: 0.75rem;
}

.service-box h3 {
  padding: 10px 0;
}

.service-box > ul {
  padding: 0 1rem;
}

#parents h3 {
  text-align: left;
}

#lettering {
  font-family: "Homemade Apple", cursive;
}

footer {
  padding-bottom: 20px;

  background: #fef778;

  text-align: center;
  font-weight: bold;
}

footer ul {
  list-style: none;
}

.flex {
  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}

.flex > div {
  margin: 20px 0;
}

#to-top {
  display: none;
}