/* grids.css */


*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


[class*='col-'] {
	float: left;
	padding:1rem 1rem;
}

/*
[class*='col-']:first-of-type {
  padding-right: 0;
}

[class*='col-']:last-of-type {
  padding-right: 0;
  }*/



  .col-1of9 {
  	width: 11.11%;
  }

  .col-2of9 {
  	width: 22.22%;
  }

  .col-3of9 {
  	width: 33.33%;
  }

  .col-4of9 {
  	width: 44.44%;
  }

  .col-5of9 {
  	width: 55.55%;
  }

  .col-6of9 {
  	width: 66.66%;
  }

  .col-7of9 {
  	width: 77.77%;
  }

  .col-8of9 {
  	width: 88.88%;
  }

  .col-9of9 {
  	width: 100%;
  }

  .game.col-5of9{
  	width:66.66%;
  }

  .payment.col-9of9{
  	margin-top:1rem;
  }


  




/* old media queries ignore for now
@media (max-width:1550px){

	[class*='col-'] {
		float: left;
		padding:1rem 0.7rem;
	}
	#header {
		padding-left:2rem;
		padding-right:2rem;
	}

	#merchandise {
		padding-left:2rem;
		padding-right:2rem;
	}

	.productlisting{
  max-width
}

@media (max-width:1450px){

	[class*='col-'] {
		float: left;
		padding:1rem 0.5rem;
	}
	#header {
		padding-left:1rem;
		padding-right:1rem;
	}

	#merchandise {
		padding-left:1rem;
		padding-right:1rem;
	}
}

@media (max-width:1400px){

	[class*='col-'] {
		float: left;
		padding:1rem 1rem;
	}
	#header {
		padding-left:10rem;
		padding-right:10rem;
	}

	#merchandise {
		padding-left:10rem;
		padding-right:10rem;
	}

	.col-3of9 {
	width: 50%;
}
}*/









/*Media query for the home page*/
/*
@media (max-width:768px){

	.home .col-2of10 {
		width: 50%;
		border: 2px solid white;
	}

	.home .sidespace3, .home .sidespace4{
		display:none;
	}

	.home .col-8of10 {
		width:100%;
		padding-bottom:10px;
		margin-top:20px;
	}

	.home .col-4of10 {
		width:100%;
		padding-bottom:10px;
		margin-top:10px;
	}

	.home .games {
		border: 2px solid white;
	}
}



@media (max-width:768px){

	.cart .col-2of10 {
		width: 50%;
		margin-top:30px;
		border:2px solid white;
	}

	.cart .col-4of10 {
		width:100%;
	}

	.cart .sidespace3, .cart .sidespace4{
		display:none;
	}

	.cart .subtotal2 {
		display:none;
	}

	.cart .subtotal {
		margin-top:60px;

	}
}




@media (max-width:768px){

	[class*='col-'] {
	float: left;
	padding:0;
	text-align: center;
}
	.col-1of10{
		width:25%;
	}
	.col-2of10 {
		width: 100%;
	}

	.col-3of10 {
		width: 100%;
	}

	.logo {
		height:150px;
		padding:0;
	}

	.topnavlink{
		float:left;
		width:100%;
		padding:15px 15px;
	}

	.sidespace {
		display:none;
	}

	.gamesidenav {
		margin-top:20px;
	}

	.itemmodule {
		margin-top:20px;
	}

	.footer {
		margin-top:30px;
		height:150px;
	}


}*/