/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}


/*-------------------------
	General Styles
--------------------------*/


html{
	/* This image will be displayed fullscreen */
	background:url('pageImages/BG.jpg') no-repeat center center;
	
	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;
	
	/* The Magic */
	background-size:cover;
}

body{
	/* Workaround for some mobile browsers */
	min-height:100%;
	font:20px/1.3 helvetica, Arial, sans-serif;
	color:#8cf0f9;
	
	
}

a, a:visited {
	outline:none;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding: 32px 0px 0px 0px:
}

a:hover{
	text-decoration:underline;
	color:#cafbff;
}

section, footer, header{
	display: block;
}



@media only screen and (min-device-width:0px) and (max-device-width: 640px) {
	   #inner {
		position: relative;
		width: 80%;
		margin: 0 auto; 
		
	}

	#logo{
		width:100%;
		Padding: 64px 0px 10px 0px;	
}
}
@media only screen and (min-device-width:641px) and (max-device-width: 3000px) {
	   #inner {
		position: relative;
		width: 40%;
		margin: 0 auto; 
	} 
	#logo{
	width:100%;
	Padding: 60px 0px 32px 0px;	
}
}

  

p{
padding-top:10px;
line-height:30px;
}

ul {
    Padding:32px 0px 32px 0px;
    list-style-position: inside;
}

