@charset "UTF-8";

/*flex-container 10-col grid*/
	.grid-layout{max-width:83em;margin:0 auto;padding:0;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;}
/*flex item*/
	.grid-layout>*{overflow:hidden;border:0;margin:0;padding:0 1rem;}/*generic flex item*/
	.grid-layoutEdge{padding:0}/*allows content of flex item to go edge-to-edge*/
@media screen and (min-width:750px) {
	/*grid for reference - delete when finished*/
	.grid-layout{background-image:url(10col.png);background-repeat:repeat-y;background-position:center center;background-size:100%;}

	/*set max-width to the size of your column span*/
	.grid-layout>*,.grid-layout1{max-width:10%;
		-webkit-flex:1 1 auto;
		    -ms-flex:1 1 auto;
		        flex:1 1 auto;}
	.grid-layout2{max-width:20%;
		-webkit-flex:2 1 auto;
		    -ms-flex:2 1 auto;
		        flex:2 1 auto;}
	.grid-layout3{max-width:30%;
		-webkit-flex:3 1 auto;
		    -ms-flex:3 1 auto;
		        flex:3 1 auto;}
	.grid-layout4{max-width:40%;
		-webkit-flex:4 1 auto;
		    -ms-flex:4 1 auto;
		        flex:4 1 auto;}
	.grid-layout5{max-width:50%;
		-webkit-flex:5 1 auto;
		    -ms-flex:5 1 auto;
		        flex:5 1 auto;}
	.grid-layout6{max-width:60%;
		-webkit-flex:6 1 auto;
		    -ms-flex:6 1 auto;
		        flex:6 1 auto;}
	.grid-layout7{max-width:70%;
		-webkit-flex:7 1 auto;
		    -ms-flex:7 1 auto;
		        flex:7 1 auto;}
	.grid-layout8{max-width:80%;
		-webkit-flex:8 1 auto;
		    -ms-flex:8 1 auto;
		        flex:8 1 auto;}
	.grid-layout9{max-width:90%;
		-webkit-flex:9 1 auto;
		    -ms-flex:9 1 auto;
		        flex:9 1 auto;}
	.grid-layout10{max-width:100%;
		-webkit-flex:10 1 auto;
		    -ms-flex:10 1 auto;
		        flex:10 1 auto;}

	.grid-layoutLeft1{margin-left: 10%}
	.grid-layoutLeft2{margin-left: 20%}
	.grid-layoutLeft3{margin-left: 30%}
	.grid-layoutLeft4{margin-left: 40%}
	.grid-layoutLeft5{margin-left: 50%}
	.grid-layoutLeft6{margin-left: 60%}
	.grid-layoutLeft7{margin-left: 70%}
	.grid-layoutLeft8{margin-left: 80%}
	.grid-layoutLeft9{margin-left: 90%}

	.grid-layoutRight1{margin-right: 10%}
	.grid-layoutRight2{margin-right: 20%}
	.grid-layoutRight3{margin-right: 30%}
	.grid-layoutRight4{margin-right: 40%}
	.grid-layoutRight5{margin-right: 50%}
	.grid-layoutRight6{margin-right: 60%}
	.grid-layoutRight7{margin-right: 70%}
	.grid-layoutRight8{margin-right: 80%}
	.grid-layoutRight9{margin-right: 90%}

	.order{
		-ms-flex-order:-1;
		 -webkit-order:-1;
		         order:-1;}

}
	
@media screen and (max-width:749px) {
	.grid-layout{
		-ms-flex-direction:column;
		 -webkit-flex-flow:column;
		    flex-direction:column;}
	.grid-layout>*{height:auto;
		-webkit-flex:1 1 auto;
		    -ms-flex:1 1 auto;
		        flex:1 1 auto;}
	.order{
		-ms-flex-order:1;
		 -webkit-order:1;
		         order:1;}
}