@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);

/*CSS RESET*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/*
red cc0000
blue 0099cc
*/

body, div, h1, h2, h3, h4, h5, a, li, input, select, button, option, table{
	font-family:'Open Sans',​Arial,​sans-serif;
	font-size:16px;
}

body{
	color:#FFFFFF;
	background:#000000 url('bg.jpg') no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
}
h1{
	font-size:50px;
	margin-bottom:60px;	
}
h2{
	font-size:28px;
	margin-bottom:40px;
}
h3{
	font-size:21px;
	margin-bottom:10px;
}
p{
	margin-bottom:20px;
	line-height:32px;
	font-size:18px;
}
.blue{
	color:#0099cc;	
}
.red{
	color:#cc0000;	
}
#container{
	position:relative;	
	margin:30px auto;
	max-width:650px;
	padding:0;
	background:rgba(0,0,0,0.8);
	border-radius:10px;
	border-top:5px solid #cc0000;
	border-bottom:5px solid #cc0000;
}

#download{
	padding-top:20px;
	text-align:center;
}
#download img{
	height:60px;	
}
#logo{
	text-align:center;
	margin:30px 0;
}
#info{
	padding:0px 60px;
}
#footer{
	text-align:center;
	color:#bdbdbd;
	padding:30px;
}
@media(max-width:650px){
	
	#container{
		margin:0;
		border-radius:0;
		border:0;
		background:rgba(0,0,0,0.5);
	}	
	#download img{
		height:50px;	
	}
	p{
		line-height:26px;
		font-size:16px;
	}
	
	h2{
		font-size:20px;
		margin-bottom:20px;
	}
	
	#info{
		padding:0 20px;
	}
	
}

@media(max-width:420px){
	
	p{
		margin-bottom:16px;
		line-height:24px;
		font-size:14px;
	}
	#download{
		font-size:0;		
	}
	#download a{
		display:block;
		margin-bottom:10px;
	}
	}
	#download img{
		height:50px;	
	}
}