@charset "UTF-8";
/* CSS Document */


/* DESKTOP ***********************************************************************************************/
@media only screen and (min-width: 769px) and (max-width: 960px) {
	.container		{ width: 96%;}
	}
	
@media only screen and (min-width: 961px) {
	.container		{ width: 100%;	max-width: 1300px;}
	}

@media only screen and (min-width: 769px) {
	
	.showondesktop 	{ display: inherit; }
	.hideondesktop 	{ display: none; 	}
	
	
	
}




/* TABLET  ***********************************************************************************************/

@media only screen and (min-width: 480px) and (max-width: 768px) {
	
	.showontablet 	{ display: inherit; }
	.hideontablet 	{ display: none; }
	.container		{ width: 94%;	max-width: 1100px; min-width:480px; }
	
	
	/* NAV
-----------------------------------------------------------------------------*/


.one-fourth {
	width: 50%;	
}


    
.one-third, .two-third  {
	width: 50%;
}
 
.one-half {
	width: 100%;	
}

.proj_img_area {
	width: 100%;
	float: none;
	padding-right: 0;
}

.proj_desc_area {
	width: 100%;
	float: none;
	background-color:#CCC;
	padding: 20px;
	margin-bottom: 20px;
} 
 
#footer .one-third {
	width: 100%;
	padding: 10px;
}

.ftlogo {
	margin-top: 0;
}

.introtext {
	padding: 25px 65px 0 65px;
	text-align: center;
}

.padtop50 {
	padding-top: 25px;	
}

.prod_detail_wrap{
	padding: 0 5% 5%;
}


}




/* MOBILE  ***********************************************************************************************/

@media only screen and (max-width: 479px) {
	
	.showonmobile	{ display: inherit; }
	.hideonmobile 	{ display: none; }
	.container		{ max-width:479px; 	min-width:200px;	width: 92%; text-align:center; }

		/* NAV
-----------------------------------------------------------------------------*/


.one-third, .two-third, .one-half {
	width: 100%;	
}

.one-third {
	text-align: center;	
}

.introtext {
	padding: 25px 25px 0 25px;
	text-align: center;
}


.mobileblock {
	display: block;	
}

.processhead {
	font-size: 30px; /* Equivalent to 22pt */
}


	
.proj_img_area {
	width: 100%;
	float: none;
	padding-right: 0;
}

.proj_desc_area {
	width: 100%;
	float: none;
	background-color:#CCC;
	padding: 20px;
	margin-bottom: 20px;
}



/* Padding */

.padleft5	{	padding-left:0px;}
.padleft10	{	padding-left:0px;}
.padleft25	{	padding-left:0px;}
.padleft50	{	padding-left:0px;}

.padright5	{	padding-right:0px;}
.padright10	{	padding-right:0px;}
.padright25	{	padding-right:0px;}
.padright50	{	padding-right:0px;}
.padtop50 	{	padding-top: 25px;	}


/* Margin */

.marleft5	{	margin-left:0px;}
.marleft10	{	margin-left:0px;}
.marleft25	{	margin-left:0px;}
.marleft50	{	margin-left:0px;}

.marright5	{	margin-right:0px;}
.marright10	{	margin-right:0px;}
.marright25	{	margin-right:0px;}
.marright50	{	margin-right:0px;}


.one-fourth {
	width: 50%;	
}

/* ABOUT ***********/
.aboutintro h2{
	font-size: 24px; /* Equivalent to 18pt */
	line-height: 30px;
	font-family: 'Exo', sans-serif;
	font-weight:400;
	color:	#371F1D; /* DK BROWN */	
}

.aboutintro h3{
	font-size: 16px; /* Equivalent to 18pt */
	line-height: 26px;
	font-family: 'Exo', sans-serif;
	font-weight:400;
	color: #545540; /* DK GREEN */
	}
	
.prod_detail_wrap{
	width: 100%;
	float: none;
	padding: 0 5% 5%;
	text-align: center;
}

.prod_detail {
	width: 200px;
	height: auto;
	margin: 35px 0 0;
}

    .products-single h3 { padding-top: 10px; }

}