body {
    margin: 0;
}

#workwrapper {
    z-index: -1;
}

.work {
    width: 100%;
    position: relative;
    text-align: center;
}

.work.logo img {
    padding-bottom: 250px;
    padding-top: 250px;
}

.work img {
    padding-bottom: 150px;
    padding-top: 150px;
    position: relative;
    max-width: 900px;
}

.work video {
    margin-bottom: 150px;
    margin-top: 150px;
    position: relative;
    max-width: 900px;
    border: none;
}

.backgroundcenter {
    background-position: center;
    background-repeat: none;
}

.sloperight, .slopeleft {
    position: relative;
}

.sloperight:before {
  content: '';
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
  height: 60px;
  -webkit-transform: skewY(1.8deg);
  -moz-transform: skewY(1.8deg);
  -ms-transform: skewY(1.8deg);
  -o-transform: skewY(1.8deg);
  transform: skewY(1.8deg);
  -webkit-backface-visibility: hidden;
}

.slopeleft:before {
  content: '';
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
  height: 60px;
  -webkit-transform: skewY(-1.8deg);
  -moz-transform: skewY(-1.8deg);
  -ms-transform: skewY(-1.8deg);
  -o-transform: skewY(-1.8deg);
  transform: skewY(-1.8deg);
  -webkit-backface-visibility: hidden;
}