.container {
	width: 95%;
	margin: 0 auto;
}

.container-fluid {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #a8c686;
}

.container-fluid .row {
	width: 90%;
	margin-left: auto;
	margin-right: auto;

}

@media only screen and (min-width: 768px) {

	.col-2 {
	width: 14.102564102564%; /* 165px */
	margin: 16px 1.282051282051% 0 1.282051282051%; /* 0 15px */;
	float: left;
	}

	.col-3 {
		width: 22.435897435897%; /* 262.5px */
		margin: 0 1.282051282051%; /* 0 15px */;
		float: left;
	}

	.col-4 {
		width: 30.769230769231%; /* 360px */
		margin: 0 1.282051282051%; /*0 15px */;
		float: left;
	}

	.col-6 {
	width: 47.435897435897%; /* 555px */
	margin: 0 1.282051282051%; /* 0 15px */;
	float: left;
	}

	.col-9 {
		width: 72.435897435897%; /* 847.5px */
		margin: 0 1.282051282051%; /* 0 15px */;
		float: left;
	}

	.offset-3 {
	margin-left: 23.931623931624%; /* 390px --> 97.5 x 4 + 15px */
	}

}

@media only screen and (min-width: 1200px) { 
/*this is a true false statement if its true the stuff below will override the stuff on top*/

.container {
	width: 1170px;
	margin: 0 auto;
}

.container-fluid {
	width: 100%;
}

.container-fluid .row {
	width: 1170px;
	margin-left: auto;
	margin-right: auto;

}

.col-1 { /* target / context = value 67.5/1170x100+*/
	width: 5.769230769231%; /* 67.5px */
	margin: 0 1.282051282051%; /* 0 15px */
	float: left;
}

.col-6 {
	width: 47.435897435897%; /* 555px */
	margin: 0 1.282051282051%; /* 0 15px */;
	float: left;
	}

.col-8 {
	width: 64.102564102564%; /* 750px */
	margin: 0 1.282051282051%; /* 0 15px */;
	float: left;
}

.col-10 {
	width: 80.769230769231%; /* 945px */
	margin: 0 1.282051282051%; /* 0 15px */;
	float: left;
}

.col-12 {
	width: 97.435897435897%; /* 1140px */
	margin: 0 1.282051282051%; /* 0 15px */;
	float: left;
}

.offset-3 {
	margin-left: 23.931623931624%; /* 390px --> 97.5 x 4 + 15px */
	}

.offset-6 {
	margin-left: 51.282051282051%; /* 390px --> 97.5 x 4 + 15px */
}

/* this is where @media only screen and (min-width: 1200px) { was before*/


}