html, body
{
    height: 100%;
}

.wrapper
{
  min-height: 100%;
  height: auto !important;
  margin: 0 auto -130px;
  /* the bottom margin is the negative value of the footer's height */
  padding: 0 0 130px;
}

.site-logo
{
    padding: 20px 0 40px;
}

/* Reduce top padding, header and footer for small screens */
@media screen and (max-width: 767px)
{
    .wrapper
    {
      min-height: 100%;
      height: auto !important;
      margin: 0 auto -80px;
      /* the bottom margin is the negative value of the footer's height */
      padding: 0 0 80px;
    }

    .site-logo
    {
        padding: 10px 0 15px;
    }

    .error-content h1
    {
        font-size: 28px;
        margin-top: 10px;
    }
}

.error-content
{
    margin: 0 auto;
    max-width: 600px;
}

/* List styling */
ul.list-stars li:before {
    color: #B02734;
}

.footer
{
  height: 130px;
  background: #38393b;
  color: #77787a;
  text-align: center;
  font-family: "Montserrat" sans-serif;
}

.footer ul.nav-pipes
{
  margin: 0;
  padding: 25px 0 15px;
  list-style: none;
}

/* Reduce padding for small screens */
@media screen and (max-width: 767px)
{
    .footer
    {
      height: 80px;
      background: #38393b;
      color: #77787a;
      text-align: center;
      font-family: "Montserrat" sans-serif;
    }

    .footer ul.nav-pipes
    {
        margin: 0;
        padding: 5px 0;
        list-style: none;
    }
}

.footer ul.nav-pipes li
{
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 12px;
}

.footer ul.nav-pipes li:after
{
  content: "|";
  position: absolute;
  right: -5px;
  color: #999;
}

.footer ul.nav-pipes li:last-child:after
{
  display: none;
}

.footer ul.nav-pipes li a
{
  color: #19a4fa;
  text-transform: uppercase;
  font-family: "Montserrat";
}

.footer .copyright
{
  font-size: 9px;
  font-weight: normal;
  color: #77787a;
  letter-spacing: 1px;
  margin: 0;
}

.footer .copyright a
{
  color: #77787a;
}