html,body{width:100%;height:100%;margin:0;padding:0;min-height:600px;min-width:336px;}
html{background:#222 url("../bg.png") no-repeat right top;background-size:auto 100%;animation:showbg 2s;}
@keyframes showbg {
    from {opacity: 0;}
    to {opacity: 1;}
}
body{background-color:none;}
header{padding:32px;margin:0;}
footer{padding:0 0 0 64px}
#logo{max-width:600px; width:600px; height:auto;}
h1{display:none;}
ul{list-style:none;margin:0;padding:0;}
li{margin-bottom:1em;}
a{color:white;text-decoration:none;font-family:Helvetica;font-size:1.5em;}
a span{display:inline-block;}
a .fa{color:#3d6fb7;background:white;width:2em;height:1.5em;text-align:center;margin-right:1em;border-radius:2em;padding-top:0.5em;}

@media (orientation:landscape) and (max-width:1190px),
@media (orientation:landscape) and (max-height:650px){
	body{background-color:rgba(2,2,2,.5);}
}

@media (orientation:portrait){
	header{text-align:center;}
	body{background-color:rgba(2,2,2,.5);}
}

@media (max-width:664px){
	#logo{width:100%;}
	footer{padding:32px 32px 0 32px;}
}
@media (max-width:436px){
	a{font-size:1.1em;}
}