/*--------------------------------------------------------

	Columns.css

--------------------------------------------------------*/

	/**
	 *	Border box sizing
	 *	-----------------
	 *	Ensure Percentage values include padding so don't go above 100% 
	 */
		*, *:after, *:before {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

	/**
	 *	Layout
	 *	------
	 *	Wrapper size, gutter size, floats
	 */

	 	.grid-full {
	 		width: 100%;
	 		overflow: hidden;
	 		padding-left: 0px;
	 	}

		.grid {
			width: 578px; /* Change this for site width */
		    margin: 0 auto;   
		    padding-left: 0px; /* Change this to adjust gutter between columns */  
		}

		.grid-1400{
			width: 1400px; /* Change this for site width */
		    margin: 0 auto;   
		}

		.grid:after,
		.gird-full:afterr{
		    clear: both;
		    content: "";
		    display: table;
		}

		[class*="col-"] {
		    float: left;
		    padding-right: 0px; /* Change this to adjust gutter between columns */
		}
		.push-right {
		    float: right;
		}
		.push-left {
		    float: left;
		}

	/**
	 *	Columns
	 *	-------
	 *	Declare column widths
	 */
		.col-100 {
			width: 100%;
		}
		.col-80{
			width: 80%;
		}
		.col-75{
			width: 75%;
		}
		.col-70{
			width: 70%;
		}
		.col-60{
			width: 60%;
		}
		.col-50{
			width: 50%;
		}
		.col-45{
			width: 45%;
		}
		.col-40{
			width: 40%;
		}
		.col-42-5{
			width: 42.5%;
		}
		.col-35{
			width: 35%;
		}
		.col-33{
			width: 33.33%;
		}
		.col-30{
			width: 30%;
		}
		.col-28-75{
			width: 28.75%;
		}
		.col-28{
			width: 28%;
		}
		.col-25{
			width: 25%;
		}
		.col-20{
			width: 20%;
		}
		.col-15{
			width: 15%;
		}
		.col-10{
			width: 10%;
		}
		.col-5{
			width: 5%;
		}

/*--------------------------------------------------------

	MOBILE RESPONSIVE (1280)

--------------------------------------------------------*/


	@media handheld, only screen and (max-width: 1280px) {

		.grid {
			max-width: 1280px; /* Change this for site width */
		    margin: 0 auto;   
		    overflow: hidden;
		    padding-left: 15px; /* Change this to adjust gutter between columns */  
		}

	}


/*--------------------------------------------------------

	MOBILE RESPONSIVE (1024)

--------------------------------------------------------*/


	@media handheld, only screen and (max-width: 1030px) {

		.grid {
			max-width: 1024px; /* Change this for site width */
		    margin: 0 auto;   
		    overflow: hidden;
		    padding-left: 15px; /* Change this to adjust gutter between columns */  
		}


	}


/*--------------------------------------------------------

	MOBILE RESPONSIVE (480)

--------------------------------------------------------*/

	@media handheld, only screen and (max-width: 480px) {

		/**
		 *	Layout
		 *	------
		 *	Wrapper size, gutter size, floats
		 */
			.grid {
				width: 100%; /* Wrapper width 100% for mobile */
			    padding-left: 0px; /* Gutter removed for mobile */  
			}
			[class*="col-"] {
			  	width: 100%;
			    padding: 0px; /* Padding even on all sides for mobile (space between sections / side of screen) */ 
			}

	}