/*Media Queries*/

/* Smartphones (portrait) ----------- */
    @media only screen
	and (max-width: 399px) {
	#main_body, #nav {
		display: none;
	}
	
	h1 {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	body, #logo, #column {
		position: static;
		display: block;
		margin: auto;
		min-width: 200px;
	}
	
	#logo {
		margin-top: 25px;	
	}
	
	.logo {
		margin: auto;
		display: block;
	}
	
	.mobile-nav, .arch-mobile, p, #projects {
		text-align: center;
	}
	
	.mobile-nav, .currentpage {
		font-weight: bolder;
		font-size: 12px;
		padding: 0;
	}
	
	.mobile-nav a {
		padding-right: 2px;	
	}
	
	.arch-mobile, .mobile span  {
		font-size: small;
		padding: 0;
		margin-top: 5px;
		margin-bottom: 0;
	}
	
	#sidebar  {
		display: none;
	}
	
	#mobile-img {
		margin: auto;
		width: 225px;
		
	}
	#img-box {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 225px;
		margin: auto;
		margin-top: 15px;
		text-align: center;
	}
	
	h4 {
		text-align: center;
	}
	
	a:hover {
		color: #999;
	}
	
	#pinfo {
		padding: 0;
	}
	
	#column div p {
		margin-top:0;
	}
	
	.click {
		display:none;
	}
	
	.gov-mobile {
		text-align:center;
		width:225px;
	}
}







/* Smartphones (landscape) ----------- */
    @media only screen
	and (min-width : 400px)
    and (max-width : 650px) {
	#main_body, #nav {
		display: none;
	}
	
	body, #logo, #column {
		position: static;
		display: block;
		margin: auto;
		width: 330px;
	} 
	
	#logo {
		margin-top: 25px;	
	}
	
	.logo h1 {
		margin: auto;
		display: block;
	}
	
	.mobile-nav, .currentpage {
		font-weight: bolder;
		font-size: 12px;
		padding: 0;
	}

	.arch-mobile, .mobile span {
		font-size: small;
		padding: 0;
		margin-top: 5px;
		margin-bottom: 0;
	}

	#img-box {
		margin-top: 15px;
	}
	
	.arch-mobile li {
		padding-right: 10px;
	}
	
	#sidebar  {
		display: none;
	}
	
	.mobile-img {
		margin: auto;
		display: block;
		width: 330px;
	}
	
	a:hover {
		color: #999;
	}
	
	#pinfo {
		padding: 0;	
	}
	
	#column div p {
		margin-top:0;
	}
	
	.click {
		display:none;
	}
}







/*Tablet Portrait
@media (max-width: 800px) {
	#main_body {
		visibility: hidden;
	}
}*/














/*Desktop View*/

@media screen and (min-width: 651px) {
	.mobile {
		display: none;
	}
	
	.currentpage {
		font-family: helvetica;
	}
	
	ul li span {
	padding-right: 20px;
	}
	
	.indent {
		margin-left:10px;
	}
}





/*Print Modes*/


@media print {
	#nav, #column, #main_body, #logo {
	font-family: helvetica;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size:10px;
	}
	span {
		color: orange;
	}
	.mobile {
		display: none;
	}
}