@import url('https://fonts.googleapis.com/css?family=Alegreya:400,700|Great+Vibes&display=swap');

body {
  background-size: cover;
}

main {
  font-size: 1.2em;
}

h1 {
  margin-bottom: 18px;
}

.right {
  text-align: right;
}

.handwritten {
  font-family: 'Great Vibes', cursive;
  font-size: 1.2em;
}

ul.list-footer-address li {
  white-space: nowrap;
}

#content {
  background-color: rgba(255, 255, 255, .8);
}

#mainContainer {
  background: none;
  padding-top: 90px !important;
}

#logo.navbar-brand {
  display: inline-block;
  border-radius: 50%;
  padding: 0;
  margin: 0 15px -25px 15px;
  transform: translate(0);
  transition: transform 1s;
}

#logo.navbar-brand img {
  border-radius: 50%;
  position: absolute;
  border: 2px solid white;
  width: 100px;
  max-height: none;
}

.navbar-hidden #logo {
  transform: translateY(-100%);
}

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 992px) {
  .container {
    padding-right: 25px;
    padding-left: 25px;
  }
}