/*
---------------------------------------------------------
	bootstrap styles
---------------------------------------------------------
*/
	
	.row {
		margin: 0;
	}
	
	.row img {
		max-width: 100%;
	}
	
	[class*="col-"] {
		margin: 0 0 55px 0;
	}

/*
---------------------------------------------------------
	general styles
---------------------------------------------------------
*/

	a:link { color: gray; }
    a:visited { color: gray; }
    a:hover, a:focus { color: white; }
    a:active { font-weight: bold; }
	
	a {
		text-decoration: none;
		
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
	}
	
	a img {
		border: 0px;
	} 
	
	a:focus {
		outline: 0;
	}
	
	a:hover {
		outline: red;
	}
	
	ul, p {
		padding: 0;
		margin: 0;
	}
	
	ul {
		list-style: none;
	}
	
	ul li {
		text-decoration: none;
		display: inline;
		padding-right: 23px;
	}
	
	ul li:hover {
		color: red;
	}
	
	html, body {
		background: black;
		
		color: white;
		font-family: 'Roboto', Georgia, Times, "Times New Roman", serif;
		font-size: 18px;
		line-height: 23px;
		font-weight: 200;
		letter-spacing: 2px;
		word-spacing: 2px;
		text-align:center;
	}
	
	blockquote {
	    display: block;
	    margin-top: 1em;
	    margin-bottom: 1em;
	    margin-left: 40px;
	    margin-right: 40px;
	    border: none;
	}
	
	html {
	    -webkit-text-size-adjust: none
	}
	
/*
---------------------------------------------------------
	site styles
---------------------------------------------------------
*/

	#loading {
		opacity: 0;
	}
	
	#loading img {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-left: -45px;
		margin-top: -63px;
		z-index: 10;
	}
	
	#page {
		position: relative;
		max-width: 777px;
		height: auto;
		margin: 0 auto 0 auto;
		padding-bottom: 555px;
		z-index: 20;
		background: transparent;
		opacity: 0;
	}
	
	#page img {
		max-width: 100%;
	}
	
	header {
		margin-bottom: 150px;
	}
	
	#eclipse {
		position: relative;
	}
	
	#eclipse img {
    	position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}
	
	main p {
		margin: 0 auto;
	}
	
	footer {
		margin-top: 150px;
		height: auto;
		overflow: auto;
	}
		
	.video_wrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.video_wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.center {
		float: none;
		text-align: center;
		display: block;
		margin: 0 auto 0 auto;
	}
	
	.bot {
		margin: 0 0 555px 0;
	}
	
	.bor {
		padding: 55px 15px;
		border: red 1px solid;
	}