/* Links */
/* Header */
.masthead { margin-bottom: 2rem; }

.masthead-brand { font-family: "Niramit", sans-serif; font-weight: 700; margin-bottom: 0; }

.nav .nav-link { padding: .25rem 0; font-family: "Niramit", sans-serif; font-weight: 700; color: rgba(0, 0, 0, 0.5); background-color: transparent; border-bottom: .25rem solid transparent; }

.nav .nav-link:hover, .nav .nav-link:focus { border-bottom-color: rgba(0, 0, 0, 0.25); }

.nav .nav-link + .nav-link { margin-left: 1rem; }

.nav .active { color: #333; border-bottom-color: #333; }

@media (min-width: 48em) { .masthead-brand { float: left; }
  .nav-masthead { float: right; } }


:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }