/* Global */

body {
	background-color: #000000;
	color: #8a8683;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
}

img {
	max-width: 100%;
}


button,
a:link {
	color: #e459ff;
	text-decoration: none;
}

button {
    background:none;
    border:none; 
    padding:0;   
}

button:hover,
a:hover {
	color: #bde2df;
	text-decoration: none;
}


a:visited {
	color: #e459ff;
	text-decoration: none;
}

p {
	padding-bottom: 20px;
}


.button {
	margin:20px 0;
	padding: 15px 30px;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	background-color: #e459ff;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

.button:link {
	color: #ffffff;
}

.button:hover {
	background-color: #df6c3f;
	color: #ffffff;
}

.button:active {
	background-color: #bde2df;
	color: #ffffff;
}

.button:visited {
	color: #ffffff;
}

/* Navigation */

[role="banner"] {
	background-color: #000000;
	height: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

#logo {
	margin: 10px 0;
	text-align: center;
}

#donate, 
#nav {
	margin-top: 30px;
	text-align: right;
}

#donate {
    color: #FF0000;
    text_align: right;
    float: right;
    display: none;
}

.navigation {
	float: right;
	list-style: none;
	margin: 0;
}

.navigation li {
	float: left;
	padding: 0 0 0 50px;
}

.navigation a {
	color: #e459ff;
    /* font-weight: bold;*/
}

.navigation a:hover {
	color: #a9d3d0;
	cursor: pointer;
}

.navigation .active a {
	/* color: #e459ff; */
	cursor: pointer;
	/* font-weight: bold;*/
}


/* General Slides */

.slide {
	background-attachment: fixed;
	height: auto;
	padding: 80px 0;
	position: relative;
	width: 100%;
}


/* What is it? */

#teaser {
	background-color: #000000;
	color: #FFF;
}

#teaser h1 {
	color: #FFF;
	font-size: 3.8em;
	font-weight: 700;
	letter-spacing: -3px;
	line-height: 0;
}

#teaser h2 {
	color: #FFF;
	font-size: 2em;
	font-weight: 400;
	line-height: 0;
	padding-bottom: 20px;
}

/* About */

#about {
	background-image:url('../images/a1s10.jpg');
	background-color: #000000;
	color: #F8E5CC;
}

#about h1 {
	color: #E3EAE7;
	font-size: 3.8em;
	font-weight: 700;
	letter-spacing: -3px;
	line-height: 0;
}

#about h3 {
	color: #E3EAE7;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 0;
	padding-bottom: 20px;
}
#about h2 {
		color: #FFF;
	font-size: 2em;
	font-weight: 400;
	line-height: 0;
	padding-bottom: 20px;
}
#what {
	text-align: center;
}

#what span {
	font-size: 1.5em;
}

iframe {
    width: 100%;
    border:0;
    padding:0;
    margin: 0;
    outline: none;
    height:auto;
    overflow: hidden;
}

/* Sponsor */

#sponsor {
	background-color: #000000;
	color: #DFFEF2;
}

#sponsor h1 {
	color: #DFFEF2;
	font-size: 3.8em;
	font-weight: 700;
	letter-spacing: -3px;
	line-height: 0;
}

#sponsor h2 {
	color: #DFFEF2;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 0;
	padding-bottom: 20px;
}


iframe {
    width: 100%;
    border:0;
    padding:0;
    margin: 0;
    outline: none;
    height:auto;
    overflow: hidden;
}

/* images */

#images {
	background-color: #000000;
	color: #F8E5CC;
}

#images h1 {
	color: #8a8683;
	font-size: 3.8em;
	font-weight: 700;
	letter-spacing: -3px;
	line-height: 0;
}

#images h2 {
	color: #FFF;
	font-size: 2em;
	font-weight: 400;
	line-height: 0;
	padding-bottom: 20px;
}

.test {
	background-color: #bde2df;
	color: #FFF;
	font-size: 2em;
	font-weight: 400;
	text-align: center;
}

/* Credits */

#credits {
	background-color: #000000;
	color: #F8E5CC;
}

#credits strong {
    color: #bde2df;
}

#credits h1 {
	color: #FFF;
	font-size: 3.8em;
	font-weight: 700;
	letter-spacing: -3px;
	line-height: 0;
}
#credits h2 {
	color: #FFF;
	font-size: 2em;
	font-weight: 400;
	line-height: 0;
	padding-bottom: 20px;
}

/* Tablet */

@media screen and (max-width: 1024px) {

	#about {
	background-image: none;
	}
	
	#home {
	background-image: none;
	}

	#logo {
		text-align: center;
		width: 100%;
	}

    #donate, 
	#nav {
		margin-bottom: 10px;
		margin-top: 10px;
		text-align: right;
		width: 100%;
	}

	.navigation {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.navigation li {
		float: left;
		padding: 0;
		width: 20%;
	}

	.slide {
		background-attachment: fixed;
		position: relative;
		padding: 60px 0;
		width: 100%;
	}

	#decorative {
		display: none;
	}

	.content {
		text-align: center;
		width: 100%;
	}

	#home h1 {
		line-height: 1em;
	}

	#home h2 {
		line-height: 1em;
	}

	#teaser h1 {
		line-height: 1em;
	}

	#teaser h2 {
		line-height: 1em;
	}

	#images h1 {
		line-height: 1em;
	}

	#images h2 {
		line-height: 1em;
	}

	#credits h1 {
		line-height: 1em;
	}

	#credits h2 {
		line-height: 1em;
	}

}

/* High Rez */

@media screen and (min-width: 2046px) {
	#about {
	background-image: url('../images/a1s10_4K.jpg');
	}
	
	#home {
	background-image: url('../images/a1s10_4K.jpg');
	}
}

/* Mobile */

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

	#about {
	background-image: none;
	}

    #home {
    background-image: none;
    }

	#logo {
		text-align: center;
	}

	#nav {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.navigation{
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.navigation li {
		float: left;
		width: 20%;
	}

	.slide {
		background-attachment: fixed;
		position: relative;
		padding: 40px 0;
		width: 100%;
	}


	#home h1 {
		line-height: 1em;
	}

	#home h2 {
		line-height: 1em;
	}

	#teaser h1 {
		line-height: 1em;
	}

	#teaser h2 {
		line-height: 1em;
	}

	#images h1 {
		line-height: 1em;
	}

	#images h2 {
		line-height: 1em;
	}

	#credits h1 {
		line-height: 1em;
	}

	#credits h2 {
		line-height: 1em;
	}

}