body {
  font-family: 'Open Sans', Arial, serif;
  margin-left: auto;
  margin-right: auto;
  height:100%;
  width:100%;
  background:rgb(255, 255, 255) url("/img/cranes.jpg") no-repeat fixed top;
  background-size:cover;
  color:rgb(255, 255, 255);
}

.h1, .h2, .h3, h1, h2, h3
{
  margin-top: 0px;
}

h1
{
  font-size:20px;
  font-weight:bold;
}

h2
{
  font-size:25px;
  font-weight:normal;
}

a
{
  color:rgb(0, 91, 183);
  text-decoration:none;
  font-weight:bold;
}

.disabled a
{
  color:rgb(135, 190, 241);
  text-decoration:none;
}

.disabled a:hover
{
  color:rgb(135, 190, 241);
  text-decoration:none;
}

.disabled img
{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

a:hover
{
  color:#96a8d8;
  text-decoration:none;
}

.accordion
{
  padding-bottom:40px;
}

.site-title {
  position:absolute;
  height:100%;
  left:0;
  top:0;
  width:100%;
  max-width:1000px;
  max-height:1000px;
  z-index:6;
  border-radius:10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.title-text {
  line-height:1.1;
  font-size:10em;
  font-weight:bold;
}
.site-title img {
  border-radius:10px;
  width:100%;
  max-width:300px;
}

#foot-nav {
  margin-right:62px;
}

.footer {
  height:40px;
  position:absolute;
  background-color:#f8f9fa;
  clear:both;
  z-index:7;
  bottom:0;
  width:100%;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2);
}
.footer-nav
{
  height:40px;
}
.footer-copyright {
  float:left;
  margin-left:20px;
}
.footer-menu li {
  float:right;
  text-decoration:none;
  list-style-type:none;
  margin-right:10px;
  position: relative;
}
.footer-menu {
  margin-bottom:0px;
}
html {
  height:100%;
}

.content
{
  clear:both;
  position:relative;
  min-height:100vh;
}

.main-content
{
  padding-bottom:40px;
}

.main-content>div
{
  padding-top:100px;
}

.footer-content {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  max-width:1500px;
}

h1 {
  margin-bottom:30px;
}

/* smaller screen */
@media all and (max-width: 992px)
{
  .footer, .footer-nav
  {
    height:96px;
  }
  .main-content
  {
    padding-bottom:96px;
  }
  .page-content
  {
    padding-left:5px;
    padding-right:5px;
  }
  .title-text
  {
    font-size:5em;
  }
}