@charset "UTF-8";
/* CSS Document */

html {
}

body {
height: auto;
width: auto;
margin: 0;
padding: 0;
background-color: #1c1817;
background-image: url("images/speck_bg3.png");
background-repeat: repeat;
background-attachment: scroll;	
}

#WRAPPER {
	width: 100%;
	height: auto;
	padding: 2%;
	margin-left: auto;
	margin-right: auto;
}

#bar {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	display: block;
	position: relative;
		
}

h1 {
	text-align: left;
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; 
	font-size: 14px;
	padding: 0px;
	font-style: normal;
	font-weight: 300;
	color: #BBBAB9;
	text-decoration: underline;
	
}

p {
	text-align: left;
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; 
	font-size: 14px;
	padding: 0px;
	font-weight: 300;
	color: #BBBAB9;
	
}

a {
	color: #BBBAB9;
	text-decoration: none;
	padding: 0px;

}

a:hover {
	color:#B9B000;
}




/* For Mobile devices less than 761px */
@media screen and (min-width: 300px) and (max-width: 900px) {
	

	body:before { 
background-image: url("images/speck_bg3_m.png"); 
background-size: cover; 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
} 
	
	
	h1 {
		font-size: 16px !important;
		
	}
	
	p {
		font-size: 16px !important;
		}	
	
#bar {
	margin: 5px !important;
	width: 80% !important;
		
}	
	
	
}