/*
* Based on Skeleton by Dave Gamache (www.getskeleton.com)
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */

.col-3 {
	float:left;
	width:31.5%;
	margin-left:2.75%;
	margin-bottom:30px;
}


.col-2 {
	float:left;
	width:48%;
	margin-left:4%;
}

.col-3:nth-child(3n+1), .col-2:nth-child(2n+1) {
	margin-left:0;
}
    
    
    
 /* #Desktop - Extra Large
================================================== */   
    
/*
    @media only screen and (min-width: 1140px)  {
    	.responsive .container							 			{ width: 1120px; }
        .responsive .container                                   { width: 1050px; }
		
	    .responsive .container .one.unit, .container .one.units { width: 60px;  }
	    .responsive .container .two.units                     	{ width: 150px; }
	    .responsive .container .three.units                   	{ width: 240px; }
	    .responsive .container .four.units                    	{ width: 330px; }
	    .responsive .container .five.units                    	{ width: 420px; }
	    .responsive .container .six.units                     	{ width: 510px; }
	    .responsive .container .seven.units                   	{ width: 600px; }
	    .responsive .container .eight.units                   	{ width: 690px; }
	    .responsive .container .nine.units                    	{ width: 780px; }
	    .responsive .container .ten.units                     	{ width: 870px; }
	    .responsive .container .eleven.units                  	{ width: 960px; }
	    .responsive .container .twelve.units					{ width: 1050px;}
		.responsive #top .stretch_full							{ width: 1110px;}
		
	    .responsive #top .offset-by-one                   { padding-left: 90px;  }
	    .responsive #top .offset-by-two                   { padding-left: 180px; }
	    .responsive #top .offset-by-three                 { padding-left: 270px; }
	    .responsive #top .offset-by-four                  { padding-left: 360px; }
	    .responsive #top .offset-by-five                  { padding-left: 450px; }
	    .responsive #top .offset-by-six                   { padding-left: 540px; }
	    .responsive #top .offset-by-seven                 { padding-left: 630px; }
	    .responsive #top .offset-by-eight                 { padding-left: 720px; }
	    .responsive #top .offset-by-nine                  { padding-left: 810px; }
	    .responsive #top .offset-by-ten                   { padding-left: 900px; }
	    .responsive #top .offset-by-eleven                { padding-left: 990px; }
	    
	  }
*/




/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width: 768px) and (max-width: 989px) {
      
	  #page-wrap {
		  width:765px;
	  }
	  
	  .introtext {
		 width:67%; 
		 margin-top:30px;
	  }
	  
    
	}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		
	  #page-wrap, .introtext, #documents, .introtext2 {
		  width:95%;
	  }	
	  
	  .col-3, .col-2 {
		  margin-left:0;
		  width:100%;
		  margin-bottom:25px;
	  }
	  
	  h5 {
		 margin-bottom:6px !important; 
	  }
	  
	  #logo {
		  left:0;
	  }
	  
	  #infobox {
		 display:none; 
	  }
	  
	  

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 360px) and (max-width: 767px) {
		
		#page-wrap {
		  width:95%;
	  }
	  
	  #loginlogo {
		  margin-top:30px;
	  }
	  
	  #main-content {
		margin-top:25px;
	}
	
	.introtext, .default, .introtext2 {
		margin-bottom:40px;
		margin-top:0;
	}
	
	.menuback {
		display:block;
	}
	
	.default {
		text-align:center;
	}
	
	.wpcf7 p {
		text-align:left !important;
	}
	  

}


/* #Mobile (Extra)
================================================== */

    /* Note: Design for a width of 480px */


 @media only screen and (max-width: 359px) {
	
		#page-wrap {
		  width:95%;
	  }
	  
	    #loginlogo {
		  margin-top:30px;
	  }
	  
	  #loginbox-container {
	width: 270px;
	margin: 0 auto;
	}
	
	#smartPWLogin input[type="submit"] {
	padding: 0 8px 4px;
	}
	
	#smartPWLogin, #login {
	width: 300px;
	}
	
	#main-content {
		margin-top:25px;
	}
	
	.introtext, .default, .introtext2 {
		margin-bottom:40px;
		margin-top:0;
	}
	
	.menuback {
		display:block;
	}
	
	#logo {
	width: 235px;
	bottom: 27px;
	}
	
	
	.default {
		text-align:center;
	}
	
	.wpcf7 p {
		text-align:left !important;
	}
	  
	  

	  
	
 }