/* CSS Document */

html {height: 100%; width: 100%; margin: 0; padding: 0;}
body {background: #000 url("images/background.png") no-repeat center center / 1029px auto; height: 100%; width: 100%; margin: 0; padding: 0;}

#main {height: 100vh; width: 100%; margin: 0; padding: 0; position: relative;}
	
	#logo {display: none; position: absolute; left: 50%; top: calc(50% - 10px); transform: translate(-50%, -50%);}
		#logo img { width: 230px; height: auto; margin: auto;}
		
	#social {
		display: none; position: absolute; left: 50%; top: calc(50% + 60px); transform: translate(-50%, -50%);
	}
		#social a {margin: 0 5px;}
		#social a:hover {opacity: 0.8;}

/* responsive */
@media only screen and (max-width: 999px) { 

	
	
}