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

[class^='grid-col-']{
	float:left;
	padding:0;
	text-align: center;
}
[class^='grid-row']{
	margin-right: 4%;
	margin-left: 4%;

}

.grid-row::after {
    content: "";
    display: block;
    clear: both;
}

/*Grid for Navigation*/
/*#######################*/
.grid-col-1of4-nav{
	width:17%;
	height:3.7em;
	margin-top:1em;
	/*margin-bottom:1em;	*/
}

.grid-col-6of6{
	width:32%;
	height:3.7em;
	margin-top:1em;
	margin-bottom:1em;	
}

.grid-col-1of2-nav{
	/*display: table;*/
	width:50%;
	/*height: 3.37em;*/

}
.grid-col-1of1-nav{
	/*display: table;*/
	width:100%;
	/*height: 3.37em;*/

}

/*#######################*/

.grid-col-filler{
	width: 100%;
	height:2em;
	background-color: #f7f7f7;
}



/*grid for Main Picture* on Home/About, product list/
/*#######################*/
.grid-col-10of10{
	width:100%;
	text-align: center;
	/*height: 38rem;*/
	/*height:auto;*/
	/*margin-bottom:1em;*/
}
/*#######################*/

/*Grid for Featuring Product and productlist*/
/*#######################*/
.grid-col-1of4{
	width:auto;
	margin:2%;
	height:auto;
	/*margin-bottom:1em;*/
}

.grid-col-1of2-filter{
	width:50%;
	/*margin-right: 4%;
	margin-left: 4%;*/
	height: auto;
	/*margin-bottom:1em;*/
}

.grid-col-1of1-pl{
	width:50%;

}





/*#######################*/

/*grid for Main Picture*/
/*#######################*/
.grid-col-10of10-fillers{
	width:100%;
	background-color: #f7f7f7;
	/*height:5em;*/
	/*margin-bottom:1em;	*/
}

.shrink{
	height:2em;
}
/*#######################*/

/*Grid for Footer*/
/*#######################*/
.grid-col-10of10-footer{
	width:100%;
	/*margin:5%;*/
	height:10em;
	/*margin-bottom:1em;*/
}

.grid-col-1of2-footer-content{
	/*padding: 2rem;*/
	width:42%;
	margin-right: 4%;
	margin-left: 4%;
	height:20em;
	/*margin-bottom:1em;*/

}
/*#######################*/

/*Grids for the contact page, checkout and product details, 2 colums*/
/*#######################*/
.grid-col-1of2{
	width:50%;
	/*margin-right: 4%;
	margin-left: 4%;*/
	height: auto;
	/*margin-bottom:1em;*/
}

.grid-col-100of100{
	width:100%;
}

.grid-col-50p{
	width:50%;
}

.grid-col-1of2-line{
	width:4%;
	/*margin:5%;*/
	height:25em;
}
/*#######################*/

/*Grids Footer*/
/*#######################*/
.grid-col-footer{
    width:14%;
    height: 2.5rem;
    margin-top: 5rem;
}
.grid-col-footer-g{
    width:14%;
}
/*#######################*/

/*Grid for Featuring Product and productlist*/
/*#######################*/
.grid-col-1of2-cart{
	width:46%;
	margin:2%;
	height:auto;
	margin-bottom:1em;
}
/*#######################*/

.grid-col-1of2-sg{
	width:50%;
	padding-left: 3em;
	padding-right: 3em;
	
	height: auto;
}

.sg-grid-row{
	padding-left: 3em;
	padding-right: 3em;
}

@media (min-width: 10em) {  


	.grid-col-1of4{
		width:96%;
		/*margin:5%;*/
		height:auto;
		margin-bottom:1em;
	}

	.grid-col-1of4-nav{
		width:100%;
		height:3.7em;
		margin-top:1em;
		margin-bottom:1em;
		/*position: absolute;*/
		/*display: block;*/
		z-index: 1;	

	}

	.grid-col-1of2-nav{
		width: 100%;

	}

	.grid-col-1of1-nav{
		display: initial;

	}

	.grid-col-6of6{
		display: none;	
	}

	.grid-col-10of10{
		position: relative;
	}

	.grid-col-1of2{
		width:100%;
		/*margin-right: 2%;
		margin-left: 2%;*/
		height: auto;
	}

	.grid-col-footer{
   		width:100%;
   		margin-top: .2em;
   		height: 1.5em;


    }
    .grid-col-footer-g{
   		width:100%;

    }

    .grid-col-1of1-pl{
		width:50%;

	}

	.shrink{
		height:0em;
	}

		
}

@media (min-width: 48em) {  
	.grid-col-1of4{
		width:46%;
		/*margin:5%;*/
		height:auto;
		margin-bottom:1em;
	}

	.grid-col-1of4-nav{
		width:17%;
		height:3.7em;
		margin-top:1em;
		position: static;
		/*margin-bottom:1em;	*/
	}

	.grid-col-6of6{
		width:32%;
		height:3.7em;
		margin-top:1em;
		margin-bottom:1em;	
		display: block;	
	}

	.grid-col-1of2-nav{
		width:50%;
		/*height: 3.37em;*/
		
	}

	.grid-col-1of1-nav{
		display: none;

	}

	.grid-col-10of10{
		position: static;
	}

	.grid-col-1of2{
		width:50%;
		padding-left: 2em;
  		padding-right: 2em;
		/*margin-right: 4%;
		margin-left: 4%;*/
		height: auto;
	}

	.grid-col-1of1-pl{
		width: auto;

	}


	.grid-col-footer{
   	 	width:20%;
   	 	margin-top: 3em;
   		height: 2em;
    }
    .grid-col-footer-g{
   		width:0%;
    }

    .shrink{
		height:2em;
	}

		
}



@media (min-width: 73em) {  /* Full Screen*/
	.grid-col-1of4{
		width:21%;
		/*margin:5%;*/
		height:auto;
		position: static;
		margin-bottom:1em;
	}

	.grid-col-1of4-nav{
		width:17%;
		/*height:3.7em;
		margin-top:1em;*/
		/*margin-bottom:1em;	*/
	}

	.grid-col-1of2-nav{
		width: 50%;

	}

	.grid-col-1of1-nav{
		display: none;

	}

	.grid-col-6of6{
		width:32%;
		height:3.7em;
		margin-top:1em;
		margin-bottom:1em;
		display: block;	
	}

	.grid-col-10of10{
		position: static;
	}

	.grid-col-1of1-pl{
		width: auto;

	}

	.grid-col-1of2{
		width:50%;
		padding-left: 9em;
  		padding-right: 9em;
		/*margin-right: 4%;
		margin-left: 4%;*/
		height: auto;
	}

	.grid-col-footer{
   	 	width:14%;
   	 	margin-top: 5em;
   		
    }
    .grid-col-footer-g{
   	 	width:14%;
    }

    .shrink{
		height:2em;
	}
		
}