/*
 * -- BASE STYLES --
 * Most of these are inherited from Base, but I want to change a few.
 */
body {
  color: #526066;
}

p {
  line-height: 1.6em;
}

pcenter {
  text-align: center;
  line-height: 1.6em;
}

.navbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/*
 * -- Layout Styles --
 */
.l-content {
  margin-top: 0.5cm;
}

.l-box {
  padding: 1em 1em;
}

@media screen and (min-width: 767px) {
  #left {
    order: 2;
  }

  #right {
    order: 1;
  }
}

.sb {
  font-weight: 400;
}

.pp {
  margin-top: 3em;
  margin-bottom: 1em;
}

.ppp {
  margin-top: 1em;
  margin-bottom: 1em;
}

#shadowbox {
  position: fixed;
  z-index: 998;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

#banner {
  position: fixed;
  z-index: 999;
  bottom: 0px;
  min-height: 40px;
  width: 100%;
  background: rgb(112, 112, 112);
}