@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i';            /*font-family: 'Open Sans', sans-serif;*/

html,body{ height:100%;}
body{ font-family: 'Open Sans', sans-serif; background:url(images/bg.png) no-repeat center center; background-size:cover; margin:0;}
body.live_bridge{ background:url(images/bg_live.png) no-repeat center center; background-size:cover;}
header{ background:rgba(1, 1, 1, 0.6); position: absolute; left:0; right:0; padding:20px 0 30px; text-align:center}
.container{ width:960px; margin:0 auto;}
.logo a{ display: inline-block;}
.top_title h1{ font-size:52px; font-weight:700; color:#FFFFFF; margin:0;}
.top_title h1 span{ color:#2d79d1;}
.top_title h2{ font-size:23px; color:#FFF; font-style:italic; font-weight:400; margin:0;}
.top_title h2 span{ font-weight:700; color:#00b478;}

.middle_container{ padding:347px 0 0;}
.join_btn_wrap{ text-align:center;}
.join_btn_wrap a{ display: inline-block;}

footer{ text-align:center; position: fixed; left:0; right:0; padding:20px 0 50px; bottom:0;}
.live_bridge footer{ background:#010101;}
.f_logo a{ display: inline-block;}


@media only screen and (max-width:960px){
.middle_container{ padding:280px 10px;}
.container{ width:100%;}
footer{ padding:20px 0;}	
	}

@media only screen and (max-width:767px){
	body, body.live_bridge{ background-size:auto;}
	header{ padding:20px 10px;}
	.top_title h1{ font-size:30px;}
	.top_title h2{ font-size:16px;}
	.middle_container{ padding:190px 10px;}
	}
	
@media only screen and (max-width:479px){
	.top_title h1{ font-size:20px;}
	.top_title h2{ font-size:12px;}
	.join_btn_wrap img{ width:100%; height:auto;}
	}