/*------------------------------------------------------------------
[Fluid Grid Stylesheet]

Project:	 ImpactMap
Version:	 1
Assigned to: Alex
Description: Contains the fluid grid. 
-------------------------------------------------------------------*/

.container-fluid{	
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	padding: 0;
}
	
	.row:before,
	.row:after {
		content: " ";
		display: table;
	}
	.row:after {
		clear: both;
	}
	.row {
		*zoom: 1;
	}
	.row{
		margin: 0 -10px;	
	}
	.sm-offset .row{
		margin: 0 -5px;	
	}
	.lg-offset .row{
		margin: 0 -20px;	
	}	

		.column {
			position: relative;
			min-height: 1px;
			float: left;
			padding: 10px;
		}
		.sm-offset .column{
			padding: 5px;	
		}
		.lg-offset .column{
			padding: 15px 20px;	
		}
		
		.column-one-third{
			width: 33.33333333%;
		}
		.column-quarter{
			width: 25%;
		}
		.column-half{
			width: 50%;
		}
		.column-third{
			width: 75%;
		}
		.column-full{
			width: 100%;	
		}		
		
			.column-inner{	

			}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
		
@media (min-width: 1800px) {
	.container-fluid{
		max-width: 1700px;
		width: 100%;
	}
}

@media (min-width: 1024px){
	.column-pull-one-third{
		right: 66.66666666%;
	}
	.column-push-one-third{
		left: 66.66666666%;
	}
	
	.column-pull-quarter {
		right: 75%;
	}
	.column-push-quarter {
		left: 75%;
	}
	.column-pull-half {
		right: 50%;
	}
	.column-push-half {
		left: 50%;
	}
	.column-pull-third {
		right: 25%;
	}
	.column-push-third {
		left: 25%;
	}
}

@media (max-width: 1024px) {
	.container-fluid{		
		width: 100%;
		padding: 0;
	}
		.row,
		.sm-offset .row,
		.lg-offset .row{
			margin: 0;	
		}
}

@media (max-width: 768px) {	
	.column{
		float: none;
		padding: 10px 5px;
	}
	.sm-offset .column{
		padding: 5px;	
	}
	.lg-offset .column{
		padding: 15px 5px;	
	}
	.column-one-third,
	.column-quarter,
	.column-half,
	.column-third{
		width: 100%;
	}
}