* {
		padding:0;
		margin:0;
	}

	html, body {
		height:100%;
		background: #FFFFFF;
	}

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

	body {
		font-family: 'Open Sans', sans-serif;
	}

	p {
		margin:1em 0;
	}

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

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

	.parallax-image-wrapper-100 {
		height:100%;
		top:-100%;
	}

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

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

	.parallax-image-100 {
		height:100%;
		top:0;
	}

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

	.no-skrollr .parallax-image-wrapper {
		display:none !important;
	}

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

	.gap {
		background:transparent center no-repeat;
		background-size:cover;
		position: relative;
	}

	.skrollr .gap {
		background:transparent !important;
	}

	.gap-50 {
		height:50%;
	}

	.gap-100 {
		height:100%;
	}
	
	.content-end {
		background: #fff;
		padding:20px 30px;
	}

	.content {
		background:#fff;
		padding:1em;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.content-full {
		height:100%;
	} /* this  change the height of the box to 100% but broken animation */

		
	header {
		background-color: #fff;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		text-align: center;
		font-size: 18px;
	}

	.header {
		position: fixed;
		top:0;
	}
	
	#nav {
		display:block;
		padding:0;
		margin:0;
		width:100%;
	}
	#nav > li {
		display:inline-block;
		padding:0.1em 0.4em 0.1em 0.4em;
		margin:0;
	}
		
	#nav li a {
		text-transform: uppercase;
		text-decoration: none;
		color:#333
	}
	#nav li a:hover{
		color:#CC0000
	}
		
	.container {
		position: relative;
		width:95%;
		height: 100%;
		overflow:hidden;
		//border: 1px solid red;
	}
		
		
	/* Button Responsive Menu*/
	.btn-responsive-menu {
		display:none;
		//float: right;
		cursor:pointer;
		z-index:100
	}
	.icon-bar {

	}	

	
	/* animate text box*/
	.box {
		width:86%;
		margin-left: 3%;
		margin-top:5%;
		position:absolute;
		text-align: justify;
		//overflow: hidden;
	}
	.box-home {
		width:90%;
		margin-left: 1%;
		margin-top:25%;
		position:absolute;
		text-align: center;
	}

	.box h2,
	.box-home h2,
	.end h2  {
		font-size: 60px;
		color: #333;
		font-weight:300;
		text-align: center;
		text-shadow: 0 0 25px #FFF, 0 0 25px #FFF, 0 0 25px #FFF, 0 0 25px #FFF;
	}

	.box h2 a,
	.box-home h2 a,
	.end h2 a {
		color: #333;
	}
	.box h2 a:hover,
	.box-home h2 a:hover,
	.end h2 a:hover {
		color: #777;
	}

	/*	
	ul li #logo_menu_parallax {
		height:32px;
		vertical-align:top
	}
	*/
	#logo_menu_parallax {
		height:32px;
		vertical-align:top
	}

	.sottotitolo, .titolone {
		text-shadow: 0 0 25px #FFF, 0 0 25px #FFF, 0 0 25px #FFF, 0 0 25px #FFF;
	}

	@media(max-width:800px) {
	
		#nav {
			display:none;
			margin: 0px 0 0px 0px;
			padding:0;
			float:left;
			width:100%;
			list-style: none;
			background: #fff!important; 
		}
		#nav > li {
			float: left;
			margin: 0 0px 0 0;
			padding:0;
			position: relative;
			display: block;
			width:100%;
		}
		#nav a {
			color: #000;
			display: block;
			font: 14px;
			padding: 6px 10px;
		}
		#nav a:hover {
			background:#CCC;
		}
		
		.btn-responsive-menu{
			display:block
		}

		ul li #logo_menu_parallax {
			//display:none
		}
		
		.box h2,
		.box-home h2{
			font-size: 32px;
			color: #333;
			font-weight:300;
			text-align: center
		}
		
		.end h2{
			//color:#fff
			font-size: 32px;
		}
		
		.box{
			width:85%;
			margin-left: 5%;
			margin-right: 5%;
			margin-top:27%;
			position:absolute;
		}
		.box-home{
			width:85%;
			margin-left: 5%;
			margin-right: 5%;
			margin-top:27%;
			position:absolute;
		}
		
	}