body, html {
  height: 100%;
  margin: 0;

}

#header{
	height: 5%;
}

#navbackground{
	position: absolute;
    right: 0;
    top: 0;
    background: white;
    width: 100%;
    height: 6.4%;
    opacity: 0.7;
    z-index: 5;
}

#parallax{
	position:relative;
	height: 100%;
    width: 100%;
    cursor: pointer;

}

#parallax > div {
    position:absolute;
    top:0;
	left:0;
	right:0;
	bottom:0;
}

.layer{

	/* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

#layer-1{
	z-index: 0;

}
#layer-2{
	z-index: 1;

	
}

#layer-3{
	z-index: 2;

	
}

#layer-4{
	z-index: 3;

	
}

#layer-5{
	z-index: 4;

	
}

#layer-6{
	z-index: 5;
	color:white;
	text-align: center;
	padding-top: 21.5%;
	height: 50%;

}

#layer-7{
	font: 400 20px/29px 'Roboto Light', sans-serif;
    letter-spacing: .2px;
    text-align: left;
    padding-top:20%;
    width:40%;
    padding-left: 30%;
    padding-right: 30%;
    height: 50%;
}

p {
    font-size: 17px;
    text-align: left;
}

.footerhome-l {
    padding-top: 1%;
}