@charset "UTF-8";

/* TABLET */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.showontablet 	{ display: inline; }
	.hideontablet 	{ display: none; }
	
.one, .two 			{ 	width:16.6666666667%;			}
.three, .four 		{	width:50%;			}
.five, .six 		{	width:50.0%;					}
.seven, .eight 		{	width:66.6666666667%;			}
.nine, .ten			{	width:83.3333333333%;			}
.eleven, .twelve	{	width:100%;	 	}
 

/*  PORTFOLIO  */

#Grid .mix{
	width: 32.5%;
	padding: .75%;
}

#Grid .gap{
	display: inline-block;
	width: 32.5%;
}

.projdesc {
		width: 100%;
		float: none;
		text-align: left;	
	}

.projlist {
		width: 100%;
		float: right;
		text-align:left;
		border-left: 0;
		margin-left: 0;
		margin-top: 15px;
		padding-left: 0;
	}


/* HOME & NAV */
	
	.container{
		width: 92%;
		}
		
	.homeredblock {
		padding: 20px 0 12px 0;	
	}
		
	.nav { color: #fff; }
	.menu_text { 
		padding: 10px;
		background-color: #666;
		border-top: solid 4px #fff;
		width: 100%;
		height: 50px;
		display: block;
		text-align: center;
		}
	
	.menu_text2 { 
		padding: 10px;
		background-color: #EE3124;
		border-top: solid 4px #fff;
		width: 100%;
		height: 50px;
		display: block;
		text-align: center;
		}
		
	h1 { 
		font-size: 20px; 
		line-height: 25px; 
		font-weight:300;
		}
	
	.logo { 
		text-align: left;
		max-width: 300px;
		margin-top: 10px;
		float: left;
		}
	
	.jumplink {display: none;}
	
	.nav-toggle {
 	 	-webkit-touch-callout: none;
 	 	-webkit-user-select: none;
 		-moz-user-select: none;
  		-ms-user-select: none;
 	 	user-select: none;
 	 	width: 60px;
 	 	height: 52px;
 	 	float: right;
 	 	text-indent: -9999px;
 	 	overflow: hidden;
 	 	background: url(../_images/menu_toggle.png) no-repeat ;
		margin-top: 10px;
		}
		
	.nav-collapse{ 
		width: 100%;
	}
	
	.homeimg {
		float: none;
		text-align: center;
		width: 100%;
		height: auto;
		padding-bottom: 25px;	
	}
	
	
	
	/* ABOUT */
	
	.padright15some {
		padding-right: 15px;	
	}
	
.filter.active {
	color: #EE3124; /* Red */
	font-weight: 700;
}
	
	
	}