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

* {margin:0; padding:0;}

body {background: #000 url('../img/into1_bg.jpg') no-repeat fixed top center; color:#fff; font-family:'Ruda', sans-serif;}
#container {max-width:530px; width: 90%; margin: 65px auto;}
#soon {padding:10px 0; width: 200px; float:right; margin-top:20px; background:url('../img/bg_50.png') repeat; color:#a63345; font-size: 12px; text-align: center;}
h1 {font-size:24px; font-weight: 300; line-height: 35px; margin-top:45px; width: 85%}
a{display: block; float:left; padding:10px 20px; background: #000; color: #fff; text-decoration: none; font-family:'Ruda', sans-serif; font-size:18px; margin-top:45px;

-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;

}
a:hover{background: #fff; color:#000;

-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

a.social {background: none; padding: 0; display: block; float:left; margin:30px 10px 0 0;}
a img, img {border:0;}

.clear {clear:both;}

@media screen and (max-width: 480px) {

#container {margin:10px auto;}
#soon {float:left; margin-bottom: 30px;}

	}