@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:300,regular,700&subsets=latin-ext,latin);

html, body {
	margin:0;
	padding:0;
	background-color:#000000;
	color:#545454;
	width:100%;
	height:100%;
	font-family: "Oswald";
	font-weight: 400;
}

body { background-image:url('../images/background.jpg'); background-repeat:no-repeat; background-position:center center; }


#logo { margin:auto; width:100%; padding-top:280px; padding-bottom:40px; }
#logo img {  display: block; margin-left: auto; margin-right: auto;  }

.outlet { width:100%; height:160px; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.outlet .overlay { width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
	transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	}
.outlet .overlay:hover { width:100%; height:100%; background-color:rgba(0,0,0,0.3);}
#snd { background-image:url('../images/snd.jpg'); }
#snd img { display: block; margin-left: auto; margin-right: auto; margin-top:0; margin-bottom:0; padding-top:48px; }
#copyright { text-transform:uppercase; text-align:center; padding-top:40px; padding-bottom:40px; font-size:12px; }


@media only screen and (max-width: 767px)  {
	#snd img { width:480px; padding-top:57px; }
}
@media only screen and (max-width: 479px)  {
	#snd img { width:280px; padding-top:67px; }
}
@media only screen and (max-height: 800px)  {
	#logo { padding-top:180px; }
}
@media only screen and (max-height: 600px)  {
	#logo { padding-top:80px; }
}
@media only screen and (max-height: 479px)  {
	#logo { padding-top:40px; }
}