body {
  margin-top: 10px;
  margin-bottom: 50px;
  background: none;
}
body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.site-wrapper {
  padding: 10px 10px 30px 10px;
}
.header {
  background-color: #4CAF50;
  border-style: none;
}
#canvas {
  display: block;
  z-index: -1;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}
#filter {
  display: block;
  z-index: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.boxBack {
  color: white;
  background: rgba(64, 64, 64, 0.8);
}
.logo {
  height: 80px;
  width: 80px;
  padding: 0px;
  margin-top: 5px;
}
.logo-sm {
  height: 45px;
  width: 45px;
  padding: 0px;
  margin-top: 5px;
}
.smallText {
  cursor: pointer;
  font-size: 14px;
}
.projectThumb {
  height: 300px;
  background-color: #404040;
  padding: 20px;
}
.list-inline li {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 10px;
  font-size: 18px;
  width: 18ch;
}
.margin-xs-top-neg {
  margin-top: -1px;
}
.margin-sm-neg {
  margin: -10px;
}
.margin-sm-top-neg {
  margin-top: -10px;
}
.margin-md-neg {
  margin: -20px;
}
.margin-lg-neg {
  margin: -30px;
}
.margin-lg-top-neg {
  margin-top: -30px;
}
.margin-md-top-neg {
  margin-top: -20px;
}
.margin-md-bottom-neg {
  margin-bottom: -20px;
}
.no-margin {
  margin: 0;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-left {
  margin-left: 0;
}
.no-margin-right {
  margin-right: 0;
}
.margin-sm {
  margin: 10px;
}
.margin-sm-top {
  margin-top: 10px;
}
.margin-sm-bottom {
  margin-bottom: 10px;
}
.margin-sm-left {
  margin-left: 10px;
}
.margin-sm-right {
  margin-right: 10px;
}
.margin-md {
  margin: 20px;
}
.margin-md-top {
  margin-top: 20px;
}
.margin-md-bottom {
  margin-bottom: 20px;
}
.margin-md-left {
  margin-left: 20px;
}
.margin-md-right {
  margin-right: 20px;
}
.margin-lg {
  margin: 30px;
}
.margin-lg-top {
  margin-top: 30px;
}
.margin-lg-bottom {
  margin-bottom: 30px;
}
.margin-lg-left {
  margin-left: 30px;
}
.margin-lg-right {
  margin-right: 30px;
}
.margin-xl-top {
  margin: 50px;
}
.margin-xxl-top {
  margin: 100px;
}
.no-padding {
  padding: 0;
}
.no-padding-top {
  padding-top: 0;
}
.no-padding-bottom {
  padding-bottom: 0;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
.padding-sm {
  padding: 10px;
}
.padding-sm-top {
  padding-top: 10px;
}
.padding-sm-bottom {
  padding-bottom: 10px;
}
.padding-sm-left {
  padding-left: 10px;
}
.padding-sm-right {
  padding-right: 10px;
}
.padding-md {
  padding: 20px;
}
.padding-md-top {
  padding-top: 20px;
}
.padding-md-bottom {
  padding-bottom: 20px;
}
.padding-md-left {
  padding-left: 20px;
}
.padding-md-right {
  padding-right: 20px;
}
.padding-lg {
  padding: 30px;
}
.padding-lg-top {
  padding-top: 30px;
}
.padding-lg-bottom {
  padding-bottom: 30px;
}
.padding-lg-left {
  padding-left: 30px;
}
.padding-lg-right {
  padding-right: 30px;
}