header h1, header h2 {
  color: white;
  margin-bottom: 0;
  margin-top: 0;
}

header h1 {
  margin-bottom: 20px;
  font-size: 30px;
}

header h2 {
  font-size: 25px;
}

.home-logo {
  width: 60%;
  max-width: 500px;
  max-height: 40vh;
}

@media only screen and (max-width: 650px) {
  header h1 {
    font-size: 20px;
  }

  header h2 {
    font-size: 15px;
  }
}

header img {
  display: block;
  margin: 0 auto;
  border-radius: 30px;
}

.title-block {
  margin: 10px 5px;
  padding: 20px 20px;
  display: inline-block;
  max-margin: 100%;
  border-radius: 30px;
  background-color: white;

  h1 {
    color: black;
  }
  h2 {
    color: black;
  }
}

.home-logo {
  animation: scale-in-center .8s cubic-bezier(.25, .46, .45, .94) both;
}

.bg.lazyloaded.home-page {
  opacity: 1.0;
  transition: opacity 0.4s ease;
}

.bg.lazyloaded.home-page.active {
  opacity: 0.4;
}

nav {
  .logo {
    visibility: visible;
  }

  .nav-toggle {
    visibility: visible;
  }
}

.container {
  padding-top: 100px;
  padding-bottom: 50px;
}

p {
  text-align: justify;
  text-justify: inter-word;
}

a {
  text-decoration: underline;
}

footer {
  padding-top: 2em;
}