@media only screen and (max-width: 768px) {
	#full {
	    display: none;
	}
	div#mobile {
	    background-color: #5296c4;
	    display: block;
		margin-bottom:10px;
		width:100%;
		padding:5px 0 0px 0;
	}
	#mobile #toggle-bar {
	    line-height: 40px;
	background-color: #ddd;
	padding-top:5px;
	}
	#mobile strong a {
	    border: 0 solid #444444;
	    margin-left: 30px;
	    padding: 10px 0px;
		font-size:1.0em;
		text-decoration:none;
	}
	#mobile .navicon {
	    border-bottom: 6px solid #FFFFFF;
	    border-top: 18px double #FFFFFF;
	    float: right;
	    font-size: 0;
	    height: 6px;
	    margin: 1px 10px 5px 5px;
	    width: 34px;
	}
	#mobile ul li {
	    clear: both;
	    list-style: none outside none;
	    width: 100%;
	}
	#mobile ul li a {
	    background-color: #330000;
	    display: block;
	    letter-spacing: 0.2em;
	    margin: 2px 0;
	    padding: 6px 0 6px 8px;
	    text-transform: uppercase;
	}
	#mobile ul ul {
	    font-size: small;
	    width: 100%;
	}
	#mobile ul ul li {
	    margin-left: 0;
	}
	#mobile ul ul a {
	    background-color: #EEEEEE;
	    padding-left: 30px;
	}
	#mobile ul ul a:before {
	    padding-right: 8px;
	}
}