/* CUSTOM CSS FILE - USE THIS FILE FOR YOUR CUSTOM CSS CODE
--------------------------------------------------------------- */

#main-wrap {
	background-image: url("images_custom/back.jpg");
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed;
}

#page-body {
	margin-top:0px;
}

div#site_description{
	width:630px;
}

a#logo_custom {
	position:relative;
	display:inline-block;
	float:left;
	width:630px;
	height:125px;
}
#logo_img {
	position:relative;
	width:100%;
	height:100%;
	background-image: url("images_custom/header.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	background-size:auto 100%;
}


.copyright-inner {
	line-height:17px;
}


/* MEDIAQUERIES
--------------------------------------------------------------- */

@media only screen and (min-width: 993px) {	
	#nav-main > li.li-website, #nav-main > li.four-cubes.social-btn, #nav-main > li.four-cubes.social-btn ul { 
		background:#FFF !important;
		height:125px;
	}	
	#nav-main > li.li-website, #nav-main > li.four-cubes.social-btn { 
		margin-left:0px;
		padding-left:5px;
	}	
	#nav-main li.four-cubes.social-btn.social-btn li.small-cube.social-facebook > a { 
		background:#3f7ece;
	}
	#nav-main li.four-cubes.social-btn li.small-cube.social-twitter > a { 
		background:#00aff0;
	}
	#nav-main li.four-cubes.social-btn li.small-cube.social-youtube > a { 
		background:#bd362f;
	}	
	#nav-main li.four-cubes.social-btn li.small-cube.social-steam > a {
		background:#171a21;
	}
	#nav-main > li.li-website > a {
		background-image: url("images_custom/website.jpg");
		background-repeat:no-repeat;
		background-position:center center;
	}
	#nav-main > li.li-website > a i,
	#nav-main > li.li-website > a span {
		display:none;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1187px) {
	a#logo_custom {
		position:absolute;
		z-index:0;
	}
	#logo_img {
		background-image: url("images_custom/header.jpg");
		z-index:0;
	}
}
@media only screen and (min-width: 461px) and (max-width: 992px) {
	a#logo_custom {
		width:100%;
	}
	#logo_img {		
		background-image: url("images_custom/header_tablet.jpg");
	}
	#nav-main li.four-cubes.social-btn li.small-cube.social-facebook, 
	#nav-main li.four-cubes.social-btn li.small-cube.social-twitter,
	#nav-main li.four-cubes.social-btn li.small-cube.social-youtube {
			display:none;
	}
	
}

@media only screen and (max-width: 460px) {
	a#logo_custom {
		width:100%;
	}
	#logo_img {
		background-image: url("images_custom/header_mobile.jpg");
	}
	#nav-main li.four-cubes.social-btn li.small-cube.social-facebook, 
	#nav-main li.four-cubes.social-btn li.small-cube.social-twitter,
	#nav-main li.four-cubes.social-btn li.small-cube.social-youtube {
			display:none;
	}
}