@charset "utf-8";
/* CSS Document */
html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family: "proxima-nova",sans-serif;

  width: 100%;
  background-size: 100% auto;
  background: url(images/bg.jpg) no-repeat center top fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
	 margin-top: 0px;
}


.page {
max-width: 100%;
height: auto;
max-height: 620px;
text-align: center;
padding-top: 15%;
}

a {
border: 0px;
text-decoration: none;
color:#000;
cursor: pointer;
}

a:hover {
border: 0px;
text-decoration: none;
opacity: 0.6;
}

img {
max-width: 100%;
height: auto;
}

#logo {
width: 230px;
height: 130px;
margin: 0 auto;
}

.logo2 {
display:none;
}

.text {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 200;
padding-top: 20px;
padding-bottom: 20px;
text-transform: uppercase;
font-size: 22px;
line-height: 25px;
margin: 0px;
text-align: center;
}

#social {
margin: 0 auto;
width: 320px;
height: 40px;
margin-top: 2%;
margin-bottom: 20%;
}

#socialwrap {
margin: 0 auto;
width: 90px;
margin-top: 2%;
}

#socialpart {
width: 45px;
height: 40px;
float: left;

}

#footer {
	width:100%;
	height:32px;
	position:absolute;
	bottom:0;
	left:0;
}

#number {
	margin-top: 20px;
}

.number {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
padding-top: 20px;
text-transform: uppercase;
font-size: 18px;
line-height: 25px;
margin: 0px;
text-align: center;
}


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

#page {
height: 620px;
padding-top: 5%;
}


}