.grid-box{
	margin: 0;
}


.col-6-and-col-6 >  div:nth-child(1) {
  flex:0 0 auto;
  width:50%;
}
.col-6-and-col-6 >  div:nth-child(2) {
  flex:0 0 auto;
  width:50%;
}

/* col 8 by 4 */

.col-8-and-col-4  > div:nth-child(1) {
  flex:0 0 auto;
  width:66.6666666667%;
}
.col-8-and-col-4  > div:nth-child(2) {
  flex:0 0 auto;
  width:33.3333333333%;
}




/* col 9 by 3 */
.col-9-and-col-3  > div:nth-child(1){
  flex:0 0 auto;
  width:75%
}

.col-9-and-col-3 > div:nth-child(2){
  flex:0 0 auto;
  width:25%
}



@media (max-width:768px){
	.grid-box{
	  display: block;
	}
	.grid-box > div,
	.col-6-and-col-6 > div:nth-child(1),
	.col-6-and-col-6 > div:nth-child(2),
	.col-8-and-col-4 > div:nth-child(1),
	.col-8-and-col-4 > div:nth-child(2),
	.col-9-and-col-3 > div:nth-child(1),
	.col-9-and-col-3 > div:nth-child(2){
		width: 100%;
	}
	
	.col-6-and-col-6 > div:nth-child(1),
	.col-8-and-col-4 > div:nth-child(1),
	.col-9-and-col-3 > div:nth-child(1){
		margin-bottom: 30px;
	}

}