body {
	font-family: 'Alegreya Sans SC', sans-serif;
	line-height:14px;
}

body, select, input, textarea {
	color: #FFF;
}

body {
	background:#000000 url("../../images/bkg.jpg") no-repeat center center  fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	-webkit-font-smoothing:antialiased;
	font-weight: normal;
}

.wrapper {
	width:100%;
	height:100%;
	position:relative;
}
.logo {
	margin: 0 auto;
	padding:8% 10% 0 10%;
}
.logo img {
	width:100%;
	margin: 0 auto;
}
.under_cons {
	position:absolute;
	top:0;
	right:0;
	max-width:228px;
}
.under_cons img {
	width:100%;
}
.facebook {
	position:absolute;
	top:5px;
	left:5px;
	width:100%;
	
}
.facebook img {
	width:100%;
	max-width:54px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	margin:0 0 0 3px;
}
.facebook img:hover {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	
}
.facebook p{
	position:absolute;
	top:14px;
	left: 63px;
}



a {color: #03f;}
a:hover {color: #69f;}


::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

footer {
	display: block;
	position: fixed;
	bottom: 10px;
	right: 15px;
}

/* Media queries
-------------------------------------------------------------------------------*/

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

.logo {
	padding:15% 10% 0 10%;
}
.under_cons {
	position:absolute;
	top:0;
	right:0;
	max-width:180px;
} 
		
}

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

body {	
	}
.logo {
	padding:20% 10% 0 10%;
}
.under_cons {
	position:absolute;
	top:0;
	right:0;
	max-width:180px;
}
		
} 

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

body {	
	background:#000000 url("../../images/bkg.jpg") no-repeat center center fixed; 
  	-webkit-background-size: auto 100%;
  	-moz-background-size:  auto 100%;
  	-o-background-size:  auto 100%;
  	background-size:  auto 100%;
}
.logo {
	padding:30% 10% 0 10%;
}
.under_cons {
	position:absolute;
	top:0;
	right:0;
	max-width:140px;
}
		
}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}