@media (max-width: 768px) {
  .margin-unshift {
    margin-top: 0px;
  }
  .margin-shift {
    margin-top: 0px;
    margin-bottom: 0px;
  }

}

@media (min-width: 768px) {
  html { 
    background: url(img/bg-lg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  body {
    background-color: transparent;
  }
  .margin-unshift {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .margin-shift {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .jumbotron {
    color: #333333;
    padding-bottom: 28px;
    padding-top: 28px;
  }
  #projectmenu {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  footer {
    color: #DDDDDD;
    text-shadow: black 0.1em 0.1em 0.2em
  }
  .extra_padding {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .extra_margin {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.less_padding {
  padding-top: 5px;
  padding-bottom: 5px;
}
.jumbotron {
    padding-bottom: 28px;
    padding-top: 28px;
}
.jumbotron p {
    color: #777777;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body  {
  padding-top: 50px;
  padding-bottom: 20px;
}

footer {
	text-align: center;
}
.jumbotron {
  background-color: #eeeeee;
  background-color: rgba(255, 255, 255, 0.25);
}

.content {
  background-color: #ffffff;
}
.blockcenter {
  margin-left: auto;
  margin-right: auto;
}