/* Set all parents to full height */

html, body, 
.container,
.cbp-fbscroller,
.cbp-fbscroller section { 
	height:auto; 
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	font-family: 'walkway_roundedregular';
	position: fixed;
	z-index: 9999;
	left: 10px;
	top: 20px;
	width: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	color: #FFFFFF;
display:block;
float:left;
font-size:25px;
padding:16px 10px 15px;

}

.no-touch .cbp-fbscroller > nav a:hover {
	background-color:#00a7e1;
	color: #231f20;
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background-color:#00a7e1;
	color: #231f20;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}

#fbsection1 {
	/*background-image: url(../images/1.jpg);*/
}

#fbsection2 {
	/*background-image: url(../images/2.jpg);*/
}

#fbsection3 {
	/*background-image: url(../images/3.jpg);*/
}

#fbsection4 {
	/*background-image: url(../images/4.jpg);*/
}

#fbsection5 {
	/*background-image: url(../images/5.jpg);*/
}