/* Responsive */

/* Tablet */
@media only screen and (max-width: 960px) {

	#header {
		background: none repeat scroll 0 0 #000 !important;
		height: 100px !important;
	}	
	
	#engineering a {
		top: -5px !important;
		margin-left: 105px !important;
		text-indent: -99999px !important;
		position: absolute !important;
		height: 51px !important;
		width: 500px !important;
		text-decoration: none !important;
		background-size: 90% !important;
	}

	#engineering a:hover {
		background-size: 90% !important;
	}

	#missouri a {
		margin-left: 20px !important;
		text-indent: -99999px !important;
		text-decoration:none !important;
		position: absolute !important;
		height: 74px !important;
		width: 66px !important;
		top: 0px !important;
		left: 0px !important;
		background-size: 90% !important;
		z-index: 100 !important;
	}

	#missouri a:hover {
		background-size: 90% !important;
	}

	#university a {
		text-indent: -99999px !important;
		width: 243px !important;
		height: 23px !important;
		position: absolute !important;
		top: 52px !important;
		margin-left: 105px !important;
		text-decoration: none !important;
		z-index: 100 !important;
		background-size: 90% !important;
		display: inline !important;
	}

	#university a:hover {

		background-size: 90% !important;
	}

	.page-wrapper {
		border-top: medium none !important;
		padding-top: 40px !important;
	}
	
	#search{
		width: 96% !important;
	}
	
	.searchbox {
		width: 50% !important;
	}
	
	.search-button-container {
		background-color: transparent !important;
		position: absolute;
		margin-left: 170px !important;
		float: left !important;
		width: 20% !important;
	}
	
	.search-box-container {
		width: 60% !important;
		margin-left: 10px !important;
	}
	
	#footer {
		background: url("../images/footer.png") no-repeat scroll right bottom / 30% auto #d1d1d1 !important;
	}
	
	#footer h3, #footer h3 a {
		color: #ffcc33 !important;
		text-decoration: none !important;
		background: -moz-linear-gradient(center bottom , rgb(35, 35, 35) 0%, rgb(52, 52, 52) 100%) repeat scroll 0 0 #222 !important;
		border-bottom: 1px solid #000 !important;
		border-radius: 5px !important;
		border-top: 1px solid #444 !important;
		display: block !important;
		font-size: 120% !important;
		margin-left: -10px !important;
		padding: 10px !important;
		text-shadow: 0 -1px 0 #000 !important;
	}
	
	#footer li a {
		color: #000 !important;
	}
	
	.container .eight.columns {
		width: 96% !important;
	}
	
	.cloud a, .widget_tag_cloud a {
		background: none repeat scroll 0 0 #d1d1d1 !important;
	}
	
	#content .tag-list a {
		background: none repeat scroll 0 0 #d1d1d1 !important;
	}
	
	.homeImage{
		margin-left: 0 !important;
		padding-top: 20px !important;
		margin-right: 10px !important;
		position: relative !important;
		top: -15px !important;
		left: 5px !important;	
		width: 100% !important;
		max-width: 920px !important;
	}
	
	h1{
		padding: 0 !important;
	}
	
	#content ul.recent-posts li{
		Padding-right: 10px !important;
	}
	
	#header #search {
		left: -15px !important;
		margin-top: 110px !important;
	}
}

/* Phone */
@media only screen and (max-width: 600px) {

	#header {
		height: 70px !important;
	}	
	
	.homeImage{
		height: 100% !important;
	}

	#engineering a {
		top: -2px !important;
		margin-left: 27px !important;
		text-indent: -99999px !important;
		position: absolute !important;
		height: 28.65px !important;
		width: 500px !important;
		text-decoration: none !important;
		background-size: 50% !important;
	}

	#engineering a:hover {
		background-size: 50% !important;
	}

	#missouri a {
		margin-left: -15px !important;
		text-indent: -99999px !important;
		text-decoration:none !important;
		position: absolute !important;
		height: 74px !important;
		width: 66px !important;
		top: 0px !important;
		left: 0px !important;
		background-size: 50% !important;
		z-index: 100 !important;
	}

	#missouri a:hover {
		background-size: 50% !important;
	}

	#university a {
		text-indent: -99999px !important;
		width: 243px !important;
		height: 13px !important;
		position: absolute !important;
		top: 30px !important;
		margin-left: 27px !important;
		text-decoration: none !important;
		z-index: 100 !important;
		background-size: 50% !important;
		display: inline !important;
	}

	#university a:hover {

		background-size: 50% !important;
	}
	
	#title-box.up, #title-box.down {
		left: 7% !important;
	}
	
	.search-box-container {
		float: left;
		margin-left: 20px !important;
		width: 150% !important;
	}
	
	.search-button-container {
		background-color: transparent !important;
		float: left !important;
		margin-left: 290px !important;
		position: absolute;
		width: 20% !important;
	}

	#footer {
		background: url("../images/footer.png") no-repeat scroll right bottom / 60% auto #d1d1d1 !important;
		padding-left: 6px !important;
	}
	
	#footer-container{
		padding-left: 0 !important;
	}
	
	#header #search {
		left: -15px !important;
		margin-top: 90px !important;
	}
	
}