/* Site-wide */
html,
body {
  height: 100%;
}

.layout,
.white-background-layout {
  min-height: 100vh;
  position: relative;
}

.layout .container,
.white-background-layout .container {
  padding-bottom: 90px;
}

body {
  background-image: var(--deck-bg-image);
  background-attachment: fixed;
  background-position: top center;
  background-color: var(--blue-dk);
  background-size: 100%;
  font-family: 'Quicksand', sans-serif;
}

a:focus {
  outline: 0;
}

.spacer {
  height: 50px;
}

.submit-spacer {
  margin: 20px 0;
}

.right {
  float: right;
}

.hidden {
  display: none;
}

footer {
  background-color: var(--transparent-black);
  bottom: 0;
  clear: both;
  color: var(--gray);
  height: 90px;
  overflow: auto;
  padding: 20px 45px;
  position: absolute;
  width: 100%;
}

footer span {
  display: inline-block;
  float: right;
}


/* Media Queries */
@media only screen and (max-width: 768px) {
  body {
    background-size: 1000px;
  }

  .background {
    background-image: url("/assets/background_mobile_default-b26f4415.jpg");
  }

  .navbar-inverse .navbar-brand {
    font-size: 1em;
  }

  .spreads-index .sitename {
    font-size: 4em;
    line-height: 100%;
    margin-bottom: .25em;
  }

  .spreads-index .tagline {
    font-family: var(--script);
    font-size: 3.5em;
    line-height: 100%;
  }
}