body{
	font-family: sans-serif;
	color: #C495F0;
}
h1{
	font-size: 6em;
	font-weight: 300;
	text-shadow: 1px 1px 5px #c0c0c0;
}

#content{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#main_logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 140px;
	padding-bottom: 20px;
	width: 574px;
	text-align: right;
}

#logo_image{
	max-width: 100%;
	}

#beta{
	font-size: 1.2em;
	color: rgb(200,200,200);
	font-weight: bold;
	margin: -10px 40px 0px 0px;
	}

#navigation {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#navigation ul {
	text-align: center;
	display: block;
	padding: 0;
}

#navigation li { 
	margin: 5px;
	list-style-type: none;
	background-size: 100%;
}
	
#navigation li, #navigation a {
	height: 70px;
	width: 70px;
	display: inline-block;
}

#about {background: url("images/icon_QuestionMark_sprite.svg");}
#about:hover {background: url("images/icon_QuestionMark_sprite.svg"); background-position: 0% 100%;}

#ideas {background: url("images/icon_ExclamationMark_sprite.svg");}
#ideas:hover {background: url("images/icon_ExclamationMark_sprite.svg"); background-position: 0% 100%;}

#incubator {background: url("images/icon_Dollar_sprite.svg");}
#incubator:hover {background: url("images/icon_Dollar_sprite.svg"); background-position: 0% 100%;}

#social {background: url("images/icon_HashTag_sprite.svg");}
#social:hover {background: url("images/icon_HashTag_sprite.svg"); background-position: 0% 100%;}


/* low resolution (mobile browsers etc) */
@media screen and (max-width:800px){
	#main_logo{
		padding-top: 70px;
		max-width: 60%;
	}

	#navigation li, #navigation a {
		height: 60px;
		width: 60px;
	}
}

@media screen and (max-width:500px){
	#main_logo{
		padding-top: 70px;
		max-width: 75%;
	}
	
	#navigation li, #navigation a {
		height: 50px;
		width: 50px;
	}
}
		
@media screen and (max-height: 500px){
	#main_logo{
		padding-top: 40px;
	}
}