/* @override http://localhost/~cody/twin-valley/style/splash-responsive.css */
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
@media all and (max-width: 480px) {
	div#header { display: none; }
	div#mobile-menu { display: block; }
	div#splashContent { 
		/*padding-left: 1000px !important;*/ 
		/*width: auto !important;*/ 
		font-size: 0.95em;
	}
	div#headerWrap { 
		height: 50px; 
		margin: 0; 
		margin-top: 0 !important; 
		background: #000; 
	}
	.mobile-logo-small {
		display: block;
		float:left;
		margin:0 10px;
	}
	div#splashContent {
		padding-left: 0;
		text-align: center;
		font-size: .8em;
		max-width: 100%;
		width: auto;
	}
}

@media all and (min-width: 480px) and (max-width: 768px) {
	div#headerWrap { 
		margin: 0; 
		margin-top: 25%; 
		background: #000; 
	}
	div#headerWrap,
	#header,
	#header-inner {
		height: auto;
		overflow: auto;
		max-width: 100%;
	}
	.logo{
		display: none;
		
	}
	.mobile-logo-list {
		/*margin-left: -170px;*/
	}
	ul#nav {
		display: block;
		height: auto;
		overflow: auto;
		clear: both;
		display: block;
		width: auto !important;
		max-width: 100%;
		/*padding-left: 170px !important;*/
	}
	ul#nav li a {
		display: block;
		width: 100%;
		padding: 20px 10px;
	}
	div#splashContent { 
		max-width: 100%; 
		width: auto;
		padding-left: 0;
		text-align: center;
	}
}

@media all and (max-width:960px) {
	.logo{display: none;}
	.mobile-logo {
		display:inline;
		/*float:left;*/
    	margin-top: -12px;
	}
	ul#nav {
		padding-left: 0;
		width: 100%;
	}
	ul#nav li {
		vertical-align: top;
	}
	ul#nav li a {
		font-size: 1.1em;
	}
	.mobile-logo-list a:hover {
		border:none !important;
	}
	div#splashContent{
		width: 100%;
		/*padding-left: 180px;*/
	}

}

@media all and (min-width:768px) and (max-width:960px) {
	div#splashContent{
		width: 100%;
		padding-left: 180px;
	}
}