@media(max-width:1100px) {
	#content #tabs {
		margin-right:0;
	}
}

@media(max-width:1025px) {
	#navigation ul li a {
		font-size:.9em;
		padding:1em .75em;
	}
}

@media(max-width:995px) {
	#navigation .wrap,
	#header-main .wrap,
	#header-top .wrap,
	#page-intro .wrap {
		margin:0 auto;
		width:100%;
	}
	#header {
		background:#000;
	}
	#header-top {
		max-width: 840px !important;
		height:54px;
		margin:0 auto;
	}

	#header-top h1 a {
		background: url(/images/vcubrand-768.gif) no-repeat !important;
		width: 659px !important;
	}
	#header-top h2 a {
		margin-top:-41px !important;
	}

	#footer .wrap {
		width:auto;
	}
}

@media(max-width:873px) {
	#header-top {
		max-width: 670px !important;
	}
	#header-top h1 a {
		background: url(/images/vcubrand-600.gif) no-repeat !important;
		width: 519px !important;
		text-decoration: none !important;
		border: 0 !important;
	}
	#header-top h2 a {
		background: url(/images/makeitreal-600.gif) no-repeat !important;
		width: 84px !important;
		height: 39px !important;
		margin-top: -46px !important;
		text-decoration: none !important;
		border: 0 !important;
	}

	#navigation ul li a {
		padding:1em .6em;
		font-size:.8em;
	}
}

@media(max-width:767px) {
	#header-top {
		height:35px !important;
		max-width:670px !important;
	}
	#header-top h1 a {
		background: url(/images/vcuseal.gif) no-repeat !important;
		margin: 0 auto !important;
		width: 99px !important;
		height: 35px !important;
		text-decoration: none !important;
		border: 0 !important;
	}
	#header-top h2 a {
		display: none;
	}

	#bulletin-edition a span.subtitle,
	#bulletin-edition a span.cat-title {
		display: inline;
	}
	#bulletin-edition a span.cat-title {
		font-size:25px;
		padding-left:10px;
		margin-left:5px;
		border-left:1px solid #aaa;
	}

	#quicklinks,
	#search,
	a#print-btn {
		display: none;
	}

	#breadcrumb {
		width:auto;
	}

	#navigation {
		position: absolute;
		top: 35px;
		width: 100%;
		opacity: 1;
		z-index: 100;
	}
	a#hamburger {
		display: inline-block;
		width:10%;
		position: absolute;
		top:-35px;
		left:15px;
	}
	a#hamburger:after {
		content: "";
		background: url('/images/icon-nav.png') center center no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 8px;
	}
	#navigation ul {
		border-top: 1px solid #c69300;
	}
	#navigation ul li {
		float:none;
	}
	#navigation ul li a {
		font-size:14px;
		border-left:none;
		border-right:none;
		border-bottom:none;
		text-align: left;
	}
	a#search-mobile {
		background: url('/images/icon-search-m.png') center center no-repeat;
		color: #000;
		width: 10%;
		height: 38px;
		display: block;
		position: absolute;
		top: -35px;
		right: 0;
		padding: 0;
		text-indent: -9999px;
	}
	#mobile-search {
		background: #f8b800;
		position: absolute;
		top: 0px;
		width: 100%;
		z-index: 100;
		border-top: 1px solid #c69300;
	}
	#mobile-search input[type=text] {
		width: 70%;
		margin: 15px;
		outline: 0;
		background-color: #fff;
		font-family: inherit;
		border:1px solid #ccc;
		border-radius: 2px;
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
		color: rgba(0,0,0,0.75);
		display: block;
		font-size: 14px;
		padding: 6px;
		height: 32px;
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
		box-sizing:border-box;
		display: inline-block;
	}
	#mobile-search button {
		padding: 7px 10px;
		color: white;
		background: #333;
		border-radius: 3px;

	}
	
	#bulletin-edition {
		width:auto;
		float:none;
	}
	#page-intro .wrap {
		padding: 5px 15px 15px;
	}

	#page-intro h1 {
		font-size:1.6em;
		margin-top:25px;
	}
	#breadcrumb ul li {
		font-size:.6em;
	}
	#breadcrumb .crumbsep {
		font-size:.5em;
	}

	#right-col {
		width:auto;
		float:none;
		padding:0 5px;
	}

	#footer .col {
		float:none;
		width:auto;
	}

	#foot-logo {
		display: block;
	}

	#left-col {
		float:none;
		width:auto;
		padding:0;
		margin-top:20px;
	}
	#mobile-sidebar-nav {
		display: block;
	}
	#cl-menu {
		padding-top:10px;
	}

	#tabs {
		float:none;
		margin-left:0;
		margin-bottom:0px;
		margin-top:15px;
	}
	#content #tabs ul {
		margin: 0;
	}
	#tabs ul li {
		width:auto;
		margin:0;
		list-style-type: none;
	}
	#tabs ul li a {
		color:#fff;
		padding: 10px 18px;
		background: #377790;
		display: block;
		font-family: 'Montserrat';
		text-decoration: none;
		font-weight: 400;
		font-size:.8em;
		position: relative;
	}
	#tabs ul li.active a {
		padding-left:18px;
		background: #1c4a5a;
	}
	#tabs ul li.active a:before {
		display: none;
	}
	
	#content #tabs ul li a:hover,
	#content #tabs ul li a:focus {
		background: #1c4a5a;
	}
}

@media(max-width:412px) {
	#header-main span.cat-title {
		font-size: 28px;
	}
}