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

body {
	background: rgba(0, 0, 0, 0) url("images/body_bg.jpg") no-repeat scroll center top / cover;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	height: auto;
	margin: 0;
	padding: 0;
}
a {
	border: none;
	outline: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
	outline: none
}
.clearall {
	clear: both;
}
.main_part {
	width: 627px;
	margin: 0 auto;
	padding: 0px;
}
.main_part img {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.main_part h2 {
	text-align:center;
	color:#ffffff;
	text-shadow:0px 1px 2px #666666;
	margin:10px auto 0px;
	font-weight:300;
	font-size:30px;
	text-transform:uppercase;
}
.main_part h1 {
	text-align:center;
	color:#ffffff;
	text-shadow:0px 1px 2px #666666;
	margin:0 auto;
	font-weight:700;
	font-size:60px;
	text-transform:uppercase;
}
.social_menu {
	margin: 0px;
	padding: 0px;
}
.social_menu ul {
	margin: 0px;
	padding: 50px 0px 0px 0px;
	text-align: center;
}
.social_menu ul li {
	margin: 0px;
	padding: 0px 10px;
	display: inline-block;
	list-style: none;
}
.social_menu ul li img:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.position {
	position: absolute;
	z-index: 9;
	margin: 0px;
	padding: 0px;
	width: 100%;
	top: 14%;
}
 @media only screen and (max-device-width: 5300px) {
.position {
 top: 41%;
}
}
 @media only screen and (max-device-width: 3200px) {
.position {
 top: 35%;
}
}
 @media only screen and (max-device-width: 2100px) {
.position {
 top: 31%;
}
}
 @media only screen and (max-device-width: 1800px) {
.position {
 top: 26%;
}
}
 @media only screen and (max-device-width: 1600px) {
.position {
 top: 19%;
}
}
 @media only screen and (max-device-width: 1030px) {
.position {
 top: 12%;
}
body {
 background: rgba(0, 0, 0, 0) url("images/body_bg.jpg") no-repeat scroll center top;
}
}
 @media only screen and (max-device-width: 725px) {
.position {
 top: 12%;
}
.main_part > img {
 max-width: 100%;
 height: auto;
}
.main_part {
 width: 90%;
 margin: 0 auto;
}
.social_menu ul {
 margin: 0px;
 padding: 50px 0px 0px 0px;
 text-align: center;
}
.social_menu ul li {
 margin: 0px;
 padding: 0px 0px;
 display: inline-block;
 list-style: none;
 width: 14%;
}
.social_menu img {
 max-width: 100%;
 height: auto;
}
}
 @media only screen and (max-device-width: 552px) {
.main_part h1 {
font-size:44px;
}
}
 @media only screen and (max-device-width: 405px) {
.main_part h1 {
font-size:30px;
}
 .main_part h2 {
font-size:18px;
}
}