@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);

body {
	background: #000;
	color: #fff;
	margin: 0px;
	font-family:"Roboto Slab",Arial;
	font-size:1.6rem;
	background-image: url("images/index-background-circle.jpg");
        background-repeat: no-repeat;
        background-position: center top;
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;

}

a, a:visited, a:hover, a:active {
	color: #fff;
	text-decoration: none;
}

.content {
	padding:20px;
	line-height:2em;
	margin-bottom:100px;
}

.nav-links {
	text-align: center;
	padding-top: 2%;
	padding-bottom:15px;
	font-size: 2.5rem;
	font-family: "Shadows Into Light";	
}

.nav-links a {
	padding-right: 16px;
	padding-left: 16px;
	font-weight:bold;
	white-space: nowrap;
}

.top-left-photo{
	float:left;
	padding:20px;
}

@media (max-width: 40em) {

	.nav-links a {
		display:block;
	}
	
	.top-left-photo{
		padding:0px 0px 10px 0px;
		width:100%;
		float:none;
	}
	
	body{
		font-size:1.3rem;
	}
}