.Grid{
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	max-width: 1500px;
    padding: 0px 30px;
	margin:0px auto;
	height:100%;
	z-index:9999999999999;
	pointer-events:none;
	}
.Grid.on{
	display:block;
	}	
.gridRow{
	position:relative;
	float:left;
	width:8.3333%;
	height:3000px;
	padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
	background-color:rgba(240, 230, 220, 0.7);
	border:calc(var(--bs-gutter-x)* .5) solid rgba(50, 50, 50, 0.3);
	}
.GridBtn{
	position:fixed;
	top:0px;
	left:0px;
	height:60px;
	width:30px;
	background-color:rgba(50, 70, 140, 0);
	cursor:pointer;
	z-index:999999999999999999;
    display: none;
	}
.GridBtn2{
	position:fixed;
	top:0px;
	right:0px;
	height:60px;
	width:30px;
	background-color:rgba(50, 70, 140, 0);
	cursor:pointer;
	z-index:999999999999999999;
    display: none;
	}
@media only screen and (min-width:768px){
.Grid {
    padding: 0px 30px;
    }
.GridBtn{
    display: block;
	}
.GridBtn2{
    display: block;
	}
}
@media only screen and (min-width:992px){
.Grid {
    padding: 0px 30px;
    }
}
@media only screen and (min-width:1200px){
.Grid {
    padding: 0px 30px;
    }
}