* {

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

}

.container {

	width: 100%

}

@media (min-width:768px) {

	.container {

		max-width: 740px; padding:0 15px; margin:0 auto;

	}

	.row {

		margin:0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;

	}

	.col-1 {

		-webkit-box-flex:0;

		    -ms-flex:0 0 8.3333%;

		        flex:0 0 8.3333%;max-width:8.3333%;padding:0 15px; margin-left: -1px; margin-right: -1px

	}

	.col-2 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 16.6666%;

		        flex: 0 0 16.6666%;max-width: 16.6666%;padding:0 15px;margin-left: -1px; margin-right: -1px;

	}

	.col-3 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 25%;

		        flex: 0 0 25%;max-width: 25%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-4 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 33.3333%;

		        flex: 0 0 33.3333%;max-width: 33.3333%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-5 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 41.6666%;

		        flex: 0 0 41.6666%;max-width: 41.6666%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-6 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 50%;

		        flex: 0 0 50%;max-width: 50%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-7 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 58.3333%;

		        flex: 0 0 58.3333%;max-width: 58.3333%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-8 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 66.6666%;

		        flex: 0 0 66.6666%;max-width: 66.6666%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-9 {

		-webkit-box-flex:0;

		    -ms-flex:0 0 75%;

		        flex:0 0 75%;max-width: 75%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-10 {

		-webkit-box-flex:0;

		    -ms-flex:0 0 83.3333%;

		        flex:0 0 83.3333%;max-width: 83.3333%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-11 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 91.6666%;

		        flex: 0 0 91.6666%;max-width: 91.6666%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

	.col-12 {

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 100%;

		        flex: 0 0 100%;max-width: 100%;padding:0 15px;margin-left: -1px; margin-right: -1px

	}

}

@media (min-width: 1025px) {

	.container {

		max-width: 1200px

	}

}