@charset "utf-8";
@import url("webfonts/55889873/stylesheet.css");
@import url("webfonts/avgb/stylesheet.css");
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
</style>


*{
  margin-top: 0px;
  margin-left:0px;
	}
	
 html {

	font-size: 15px;
	color: black;
	font-style: normal;
	font-family: 'Source Sans Pro-light', sans-serif;
}


@font-face {
	font-family: SourceSansPro-Regular,sans-serif;
	font-style: normal;
	font-weight: 400;
	src: url(font/Source Sans Pro-light.ttf) format('truetype');
}


body {
	background-color: grey;
	
	}

/*_______________________________________________*/
#wrapper {
	width:90%;
	height:600px;
	margin-left:auto;
	margin-right:auto;	
	margin-top: 10px;
	

	background-position: left top;
	background-repeat: no-repeat;
	

	}
	img {
		margin-top:-10px;
		position: absolute;
		width: 25%;
		z-index: 3;
		}
	
#header {
	width: 100%;
	height: 50px;
	opacity: 0;
	margin: auto;
	background-color: black;
	}
	
#main {
	opacity:1;
	margin:auto;
	width: 100%;
	height: auto;
	background-color: white;

	}
	
#main	#div  {
	width: 80%;
	height: auto;
	margin-left: 20%;
	}
	
p {
		
	padding-left:30%;
	padding-right: 5%;
	padding-bottom:5%;
	line-height: 1.4em;
		
		}
h2 {
	padding-left:30%;
	padding-right: 5%;
	padding-top:2%;
			}
h3 {
	padding-left:30%;
	padding-right: 5%;
	padding-top:1%;
    font-size: 1.1em;
			}
			
ul{
    margin-left: 1em;
    	
	padding-left:30%;
	padding-right: 5%;
	padding-bottom:1%;
	line-height: 1.4em;
}		

	
	li:before  {
	content: "\00BB \0020";
	list-style-position: outside;
	margin-left: -8%;
	padding-left: 8%;
	/*width: 50%;*/
	     }	 
		  
ul li   {
	font-size: 1.2em;
	display: list-item;
	list-style-type: none;
	white-space: pre-wrap;
	list-style-position: outside;
	font-size: 1em;
	line-height: 1.54em;
	}
			
/*_________________________________________________________*/

@media screen and ( max-width: 900px ) {
	
#wrapper

 {
	width:100%;
	height:600px;
	margin-left:auto;
	margin-right:auto;	
	margin-top: 10px;
	background-position: left top;
	background-repeat: no-repeat;
	}
	
	img {
		margin-top:-10px;
		position: absolute;
		width: 35%;
		z-index: 3;
		}
	
#header {
	width: 100%;
	height: 10px;
	opacity: 0;
	margin: auto;
	background-color: black;
	}
	
#main {
	opacity:1;
	margin:auto;
	width: 100%;
	height: auto;
	background-color: white;

	}
	
#main	#div  {
	width: 100%;
	height: auto;
	margin-left: 5%;
	}
	
p {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	font-size: 0.9em;
	
		}
		
h2 {
	padding-left:5%;
	padding-right: 5%;
	padding-top:40%;
}
    
h3{
    padding-left:5%;
	padding-right: 5%;
	padding-top:4%;   
    }
ul {
	padding-left: 10%;
	padding-right: 5%;
	list-style-type:  upper-latin;	
	font-size: 0.9em;
	
	}	
	
li:before  {
	content: "\00BB \0020";
	list-style-position: outside;
	margin-left: -5%;
	padding-left: 5%;
	
}
ul li   {
	font-size: 1.2em;
	display: list-item;
	list-style-type: none;
	white-space: pre-wrap;
	list-style-position: outside;
	font-size: 1em;
	line-height: 1.54em;
	}
}