* {
  padding: 0;
  margin: 0;
}

.skrollr-desktop body {
  height: 100% !important;
}

#skrollr-body {
  min-height: 1px; /* needed for skrollr 
                      reasons i don't understand */
  height: 100%;
  position: relative;
  width: 100%;
}

html, body {
  height: 100%;
}

.parallax-image-wrapper {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.parallax-image-wrapper-title {
  height: 100%;
  height: calc(100% - 125px);
  height: -moz-calc(100% - 125px);
  height: -webkit-calc(100% - 125px);
  height: -o-calc(100% - 125px);
  height: calc(100% - 125px);
}

.parallax-image-wrapper-50 {
  height: 50%;
  top: -50%;
  background-color: black;
}

.parallax-image {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.parallax-image-50 {
  height: 200%;
  top: -50%;
}

.parallax-image-title {
  top: -25%;
  height: 150%;
  background-size: cover;
}

.parallax-image.skrollable-between, .parallax-image.skrollable-before, .parallax-image.skrollable-after {
  display: block;
}

#skrollr-body {
  height: 100%;
  overflow: visible;
  position: relative;
}

#title-image {
  height: 100%;
  height: calc(100% - 125px);
  height: -moz-calc(100% - 125px);
  height: -webkit-calc(100% - 125px);
  height: -o-calc(100% - 125px);
  height: calc(100% - 125px);

  background: transparent center no-repeat;
  background-image: url('../images/background.jpg');
  background-size: cover;
}

#announcement {
  background: transparent center no-repeat;
  background-image: url('../images/announcement.png?v=a');
  background-repeat: no-repeat;
  background-position: top center;
  height: 100%;
}

#announcement-padding {
  padding-top: 125px;
}

#announcement-anchor {
  height: calc(100% - 125px);
  height: calc(100% - 125px);
  height: -moz-calc(100% - 125px);
  height: -webkit-calc(100% - 125px);
  height: -o-calc(100% - 125px);
  height: calc(100% - 125px);
}

.parallax-image-announcement {
  top: 0;
  height: 334px;
  background: url('../images/announcement.png?v=a');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 574px 334px;
  -moz-background-size: 574px 334px;
  -o-background-size: 574px 334px;
  background-size: 574px 334px;
}


.parallax-image-wrapper-announcement {
  height: 100%;
  min-height: 624px;
}

.parallax-image-wrapper-section-header {
  background-color: black;
  height: 33.3333%;
}

.parallax-image-section-header {
  height: 300%;
  bottom: 0;
  background-size: cover;
}


.skrollr #title-image {
  background: transparent !important;

}

.skrollr #announcement {
  background: transparent !important;
}

.skrollr .section-header {
  background: transparent !important;
}