#scroll-animate
{
  overflow: hidden;
}

#scroll-animate-main
{
  width: 100%;
  left: 0;
  position: fixed;
}

#heightPage,
#heightScroll
{
  width: 10px;
  top: 0;
  position: absolute;
  z-index: 99;
}

#heightPage
{
  left: 0;
}

#heightScroll
{
  right: 0;
}

header
{
  width: 100%;
  height: 100%;
  background-color: green;
  top: 0;
  position: fixed;
  z-index: -1;
}

footer
{
  width: 100%;
  background: #ccffcc;
  bottom: -800px;
  position: fixed;
  z-index: 0;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  visibility: hidden;
}

.proposalimage {
    margin-left: auto;
    margin-right:auto;
    display: block;
}

.content
{
  
  background-color: white;
  position: fixed;
  top: 0;
  z-index: -1;
}

.wrapper-parallax {
  margin-top: 100%;
  margin-bottom: 300px;
  
}


footer h1
{
  line-height: 300px;
}

header,
footer,
#scroll-animate-main
{
  -webkit-transition-property: all;
     -moz-transition-property: all;
      transition-property: all;

  -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
      transition-duration: 0.4s;

  -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
     -moz-transition-timing-function: cubic-bezier(0, 0, 0, 1);
      transition-timing-function: cubic-bezier(0, 0, 0, 1);
}