/* Mixins */
/* Bootstrap Overrides */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  margin-bottom: 1rem; }

.btn-primary {
  color: #5E2B98;
  background-color: #FEF9A5;
  border-color: #FEF9A5; }

.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:hover,
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #FEF9A5;
  background-color: #5E2B98;
  border-color: #5E2B98; }

/* Bootstrap Extensions */
/* Custom Styles */
body {
  text-rendering: optimizeLegibility;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  background-color: #5E2B98; }

a {
  transition-property: color;
  transition-duration: 0.2s;
  color: #FEF9A5; }
  a:hover {
    color: #FFFFFF; }

@media screen and (min-width: 576px) {
  .awaken {
    transform: translateY(100px);
    opacity: 0;
    transition-property: all;
    transition-duration: 1s; }
    .awaken.in-viewport {
      transform: translateY(0);
      opacity: 1; } }

header {
  position: absolute;
  width: 100%; }
  @media screen and (min-width: 768px) {
    header {
      background-color: rgba(0, 0, 0, 0.7); } }

#main-menu {
  list-style: none;
  padding: 0;
  font-size: 1.5rem; }
  #main-menu a {
    text-decoration: none; }

#content {
  background-color: rgba(0, 0, 0, 0.9);
  transform: translateY(50vh); }

.grecaptcha-badge {
  visibility: hidden; }
