/* global styles */
html,
body {
  background:
    linear-gradient(rgba(80, 90, 170, 0.85), rgba(80, 90, 170, 0.85)),
    url('/static/img/bg1.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#app {
  box-shadow: none;
}
h1.title {
  margin-bottom: 0.5rem !important;
}
.description {
  font-size: 0.9em;
}

/* body wrappers */
.body-wrapper,
.body-wrapper-wide,
.body-wrapper-extra-wide {
  border-radius: 5px;
  width: 100%;
  background-color: white;
  padding: 25px 40px 25px 40px;
  margin: 0 auto;
  box-shadow:
    0 12px 16px 0 rgba(0, 0, 0, 0.24),
    0 17px 50px 0 rgba(0, 0, 0, 0.19);
  opacity: 0.98;
}

@media (min-width: 1024px) {
  .body-wrapper {
    margin: 25px auto;
    max-width: 430px;
  }
  .body-wrapper-wide {
    margin: 25px auto;
    max-width: 900px;
  }
  .body-wrapper-extra-wide {
    margin: 25px auto;
    width: 95%;
    max-width: 1450px;
  }
}