@import url('fonts/lora.css');
@import url('fonts/montserrat.css');
@import url('fonts/lato.css');
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-size: 18px;
	font-family: 'Lato';
	color: black;

}
.header {
	width: 50%;
	height: 150px;
	margin-left: 20%;
	margin-top: 0%;
	padding-left: 5%;
	padding-right: 5%;
	position: fixed;
	background: url(sw18bw.jpg) no-repeat 50% 40%;
	background-size: cover;
}
.landing {
	width: 100%;
	height: 100%;
	position: fixed;
	background: url(background.jpg) no-repeat 50% 40%;
	background-size: cover;
}
h1 a {
	text-decoration: none;
	color: white;
}
h1 {
	font-size: 200%;
	color: white;
	border: 0px;
	position: fixed;
	margin-left: 20%;
	padding-left: 10%;	
	text-align: left;
	white-space: pre-wrap;
	font-family: lora, lora, serif;
	text-shadow: none;
	text-shadow: grey 0px 0px 3px;
}
#blur {
	filter: blur(1.5px);
}
/*---------------------------*/
ul.nav {
	list-style-type: none;
	position: fixed;
	/*width: 60%;*/
	margin-top: 150px;
	margin-left: 20%;
	padding: 0 0 0 0%;
	background-color: grey;
	/*border-bottom: 1px solid black;*/
	text-align: center;
	display: table;
}
ul.nav:hover li.nav{
	display: table-cell;
}
li.nav {
	display: none;
	width: auto;
	padding: 10px 10px 10px 10px;
}
li.drop {
	width: auto;
	padding: 10px 10px 10px 10px;
}
li.nav a {
	text-decoration: none;
	display: inline;
	color: black;
}

li.nav a:hover {
	color: white;
}
li.nav:hover {
}
li.nav:first-child {
}
li.nav:nth-child(even) {
}
li.nav:nth-child(odd) {
}
li.nav a.active {
	font-style: italic;
}
/*---------------------------*/
.content a {
	text-decoration: none;
	color: #761cca;
}
.content {
	/*text-shadow: black 0px 0px 10px;*/
	overflow-x: scroll;
	scrollbar-width: none;
	width: 50%;
	height: 90%;
	margin-left: 20%;
	padding-left: 5%;
	padding-right: 5%;
	background-color: white;
	box-shadow: grey 0px 0px 50px;
}
.quote {
	margin-left: auto;
}
/*---------------------------*/
ul.photos {
	list-style-type: none;
	padding-left: 0;
}
ul.photos img {
	width: 100%;
}
/*---------------------------*/
@media only screen and (max-width: 990px) and (any-hover: none) {
	html, body {
		font-size: 6vw;
	}
	.header {
		width: 100%;
		height: 300px;
		margin-left: 0%;
		box-shadow: grey 0px 0px 50px;
	}
	h1 {
		margin-left: 0%;
		font-size: 8vw;
	}
	#blur {
		filter: blur(4.5px);
	}
	ul.nav {
		margin-left: 0%;
		margin-top: 0%;
	} 
	li.nav, li.drop {
		padding: 20px 20px 20px 20px;
	}
	br.desktop {
		display: none;
	}
}
/*---------------------------*/
ul.overview {
	list-style-type: none;
	padding-left: 0;
}
ul.overview_inner {
	list-style-type: none;
	padding-left: 10px;
}
th {
	font-weight: normal;
	text-align: left;
}
/*---------------------------*/
@media only screen and (max-width: 767px) {
	.header {
		width: 100%;
		margin-left: 0%;
	}
	h1 {
		margin-left: 0%;
	}
	ul.nav {
		margin-left: 0%;
		margin-top: 0%;
	}
	.content {
		width: 90%;
		margin-left: 0%;
		height: 95%;
}