h1, h2, h3, h4, h5, h6, .h2 { font-family: 'Lora', serif; }

h2 { text-align: center; }

body {
  padding-top: 5rem;
  text-align: center;
}

p, a {
  /* font-family: 'Pontano Sans', sans-serif; */
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.3rem;
}

.narrow {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* .container, .container-sm, .container-md, .container-lg, .container-xl { padding: 0; } */

.navbar-toggler { border: none; }

.navbar-nav { margin-left: auto; }

.cta {
  margin-top: 3rem;
  text-align: center;
  /* background-color: #C9C9C0; */
  /* background-color: #BE9C76; */
  /* background-color: #C2AC91; */
  /* background-color: #CDC9BC; */
  background-color: #d3b793;
  padding: 4rem;
}

.cta .h2 { margin-top: 1rem; }

.cta .btn { margin-top: 2rem; }

footer {
  border-top: solid lightgray 1px;
  margin: .9rem 0;
  margin-top: 4rem;
  padding-top: 2rem;
  font-size: .9rem;
  color: gray;
  text-align: center;
  margin-bottom: 2rem;
}

footer p, footer a { font-size: 1rem; }

.padded { margin: 1rem 0 2rem 0; }

/* ------------------ SCROLLFADE ------------------ */

.scrollFade { opacity: 1; pointer-events: all; }
.scrollFade--hidden { opacity: 0; pointer-events: none; }
.scrollFade--visible { opacity: 1; pointer-events: all; }
.scrollFade--animate { transition: opacity .9s ease-in-out; }

/* ------------------ MEDIA QUERIES ------------------ */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}