/* ----------  page defaults ---------- */

html, body {
	height:100%;
	width:100%;
	background-color: #000000;
}


body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	position:relative;
    font-size: 100%;
	background-color: #000000;
    background: url('../img/bg.png') no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    font-size: 100%;
}

a {
	outline:none;
}

.logo {
	position:fixed;
	width:207px;
	height:260px;
	display:block;
	top:45%;
	left:50%;
	z-index:100 !important;
	margin:-93px 0 0 -93px;
	border-radius:50%;
	-webkit-border-radius:50%;
}

.logo img {
	width:207px;
	height:260px;
	transition: all 1s;
	-webkit-transition: all 1s;	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.logo {
		width:207px;
		height:260px;
		
	}	
	.logo img {
		width:207px;
		height:260px;
		padding:-26px 0 0 0px;	
	}	
	body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	position:absolute;
	background-color: #000000;
    background: url('../img/bg.png') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	
	.logo {
		width:207px;
		height:260px;
		
	}	
	.logo img {
		width:207px;
		height:260px;
		padding:-26px 0 0 0px;	
	}	
	body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	position:absolute;
	background-color: #000000;
    background: url('../img/bg.png') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1300px) {
	
	.logo {
		width:207px;
		height:260px;
		
	}	
	.logo img {
		width:207px;
		height:260px;
		padding:-26px 0 0 0px;	
	}
	body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	position:relative;
    background: url('../img/bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    }
}


@media only screen and (max-width: 480px) {
	
	.logo {
		width:207px;
		height:260px;
		padding:-26px 0 0 0px;
	}	
	.logo img {
		width:207px;
		height:260px;	
	}
	body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	position:absolute;
	background-color: #000000;
    background: url('../img/bg.png') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    }
			
}

		
/* ----------  primary layout ---------- */

#wrapper {
		width: 950px;
		margin: 0 auto;
		}
		
#header {
		padding-top: 40px;
		width: 950px;
		}
		
p {
		font-size: 1.4em;
		width: 400px;
		}
		
}