header, section, footer, aside, nav, main, article, figure {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
} 

	body {
		color: #000;
		margin: 0;
		border: 0;
		padding: 0;
		width: 100%;
		background-color: #333;
		font-size: 200%;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
    }

	/* unvisited link */
	a:link {
		color: #bbd;
		text-decoration: none;
	}

	/* visited link */
	a:visited {
		color: #003;
	}

	/* mouse over link */
	a:hover {
		color: #666;
	}

	div.wrapper {
		max-width: 320px;
		color: #fff;
		margin: 0 auto;
		border: 0;
		padding: 0 0 0 0;
	}
	
	/* Header */
	header {
		position: fixed;
		margin: 0 auto;
		border: 0;
		border-radius: 10px;
		padding: 0;
		background: #ddd url(images/bsg_header.jpg) repeat-y center top;
		background-size: contain;
		z-index: 1;
	}
	
	header img {
		width: 320px;
		max-width: 100%;
		height: auto;
		margin: 0;
		border: 0;
		padding: 0;
		border-radius: 10px;
	}
	
	h1 {
		margin: 5px 0;
		border: 1px solid #000;
		border-radius: 10px;
		padding: 0;
		background-color: #fff;
		display: none
	}
	
	h2 {
		margin: 5px 0;
		padding: 0;
		display: none
	}
	
	h1 , h3, h4 {
		font-family: "Arial Black", Gadget, sans-serif;
	}
	
	div.content {
		position: relative;
		top: 120px;
	}
	
	/* Sections */
	section {
		margin: 10px auto;
		border: 1px solid #000;
		border-radius: 10px;
		padding: 5px 5px 5px 5px;
		background-color: #222;
	}
	
	section ul {
		text-align: left;
		font-family: "Arial Black", Gadget, sans-serif;
		margin: 0;
		border: 1px solid #000;
		border-radius: 10px;
		padding: 10px;
		list-style-position: inside;
		background-color: #333;
		
	}
	
	section ul li {
		margin: 6px;
		font-size: 75%;
	}
	
	section p {
		text-align: left;
		margin:0;
		border: 1px solid #000;
		border-radius: 10px;
		padding: 10px;
		list-style-position: inside;
		background-color: #333;
		
	}
	
	.pa-pics {
		width: 100%;
	}
	
	section.links ul li {
		font-size: 150%;
		margin: 20px 0;
		list-style-type: none;
	}
	
@media screen and (max-width:479px) {

	div.wrapper {
		max-width: 320px;
	}
	
	header img {
		width: 320px;
	}
	
	div.content {
		position: relative;
		top: 110px;
	}

}

@media screen and (max-width:767px) and (min-width: 480px) {

	div.wrapper {
		max-width: 480px;
	}
	
	header img {
		width: 480px;
	}
	
	div.content {
		position: relative;
		top: 160px;
	}

}

@media screen and (min-width: 768px) {

	div.wrapper {
		max-width: 768px;
	}
	
	header img {
		width: 768px;
	}
	
	div.content {
		position: relative;
		top: 260px;
	}

}