html, body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;

}

html{

	overflow:hidden;


}

body{
	position:static;
	

}

h1{
	/*font-family: 'Raleway', sans-serif;*/
	top:2%;
	padding:0px;
	margin:0px;
	position:relative;
	text-align:center;
	width:100%;

	font-family: 'Indie Flower', cursive;
	font-size: 70px;

}

p{
	top:2%;
	padding:0px;
	margin:0px;
	font-family: 'Indie Flower', cursive;
	font-size: 40px;
	text-align:justify;
	position:relative;

	
	
}

ul{
	padding:0px;
	margin:0px;
	font-family: 'Indie Flower', cursive;
	position:relative;
	font-size: 30px;
	text-align:left;
	left:10%;
	width:90%;

}

img{
	position:relative;

}



#pLeft{

	float:left;
	width: 50%;
	left:10%;
	top:5%;

}

#pRight{
	position:absolute;
	float:rigth;
	width:30%;
	right:5%;
	left:65%;


	
}

#parallaxLeft{
	position:absolute;
    left:0px;
	top:0px;
	height:100%;
	width:1%;

}

#parallaxRight{
	position:absolute;
    right:0px;
	top:0px;
	height:100%;
	width:2%;

}

#bg{

	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	text-align:center;


}


#top{
	top:3%;
	text-align:center;

}
#top img{
	width:100%;
	height:100%;

}

#bottom{
	bottom:3%;
	text-align:center;

}

#graphicsPos{
	position:fixed;
	top:40%;
	right:2%;
	
	height:10%;
	

}

.abs{
	box-sizing: border-box;
	position:relative;
	width:100%;
	height:100%;
	right:0px;
	left:0px;


}


.bgBoxes{

	width:100%;
	height:100%;
	top:0px;
	left:0px;

}

.circles{
	position:fixed;
	right:1%;

	border-radius:50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%; 
	background-color: rgba(0, 0, 0, 0.6);


}

.miniCircles{

	border-radius:50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%; 
	background-color: rgba(0, 0, 0, 0.6);

}

.hidden{
	display:none;

}