body, html {
	margin:0;
	padding:0;
	background-color:#3B3E45;
	max-width:100%;
	overflow-x:hidden;
}
.grid-full-width-container {
	margin-top:0px;
	height:100vh;
	overflow:hidden;
    display: grid;
	transition: all 1s;
	grid-template-columns: [full-start] minmax(0, 20px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 20px) [full-end];
}
.grid-full-width-container>div {
	grid-column: main;
	/* padding:0px 20px 0px 20px; */
}

.grid-full-width-container>div.full-width {
	grid-column: full;
	/* padding:0px 20px 0px 20px; */
}


@media (min-width:360px){

}

@media(min-width:375px) {
	.grid-full-width-container {
		grid-template-columns: [full-start] minmax(0, 25px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 25px) [full-end];
	}
	.grid-full-width-container>div.full-width {
		/* padding:0px 25px 0px 25px; */
	}
	.header {
		padding:0px 25px 0px 25px;
	}
}

@media (min-width:410px){

}

@media (min-width:520px) {

}

@media (min-width:568px) {
	.grid-full-width-container {
		grid-template-columns: [full-start] minmax(0, 35px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 35px) [full-end];
	}
	.grid-full-width-container>div.full-width {
		/* padding:0px 35px 0px 35px; */
	}
}

@media(min-width:600px) {
	.grid-full-width-container {
		grid-template-columns: [full-start] minmax(0, 40px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 40px) [full-end];
	} 
	.grid-full-width-container>div.full-width {
		/* padding:0px 40px 0px 40px; */
	}
}

@media (min-width:640px){

}

@media(min-width:667px) {
	.grid-full-width-container {
		grid-template-columns: [full-start] minmax(0, 40px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 40px) [full-end];
	} 
}

@media(min-width:750px) {

}

@media(min-width:768px) {
	.grid-full-width-container {
		grid-template-columns: [full-start] minmax(0, 50px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 50px) [full-end];
	}
	.grid-full-width-container>div.full-width {
		/* padding:0px 50px 0px 50px; */
	}
}

@media(min-width:800px) {

}

@media(min-width:950px) {

}

@media(min-width:960px) {

}
	
@media(min-width:980px) {

}

@media(min-width:1000px) {

}

@media(min-width:1024px) {
	.grid-full-width-container {
		grid-template-columns: [full-start] minmax(0, 60px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 60px) [full-end];
	}
	.grid-full-width-container>div.full-width {
		/* padding:0px 60px 0px 60px; */
	}
}

@media(min-width:1108px) {
	.grid-full-width-container {
		grid-template-columns: [full-start] minmax(0, 85px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 85px) [full-end];
	}
	.grid-full-width-container>div.full-width {
		/* padding:0px 85px 0px 85px; */
	}
}

@media(min-width:1150px) {

}

@media(min-width:1250px) {

}

@media(min-width:1280px) {
	
}

@media(min-width:1350px) {

}

@media(min-width:1400px) {

}

@media(min-width:1450px) {
	.grid-full-width-container {
		 grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1300px) [main-end] minmax(0, 1fr) [full-end];
	}
	.grid-full-width-container>div.full-width {
		padding:0px;
	}
	.grid-full-width-container>div.full-width>div {
		/* margin:0px auto 0px auto; */
		/* max-width:1300px; */
	}
}

@media(min-width:1550px) {

}

@media(min-width:1650px) {

}

@media(min-width:1750px) {

}

@media(min-width:1850px) {

}

@media(min-width:1950px) {

}

@media(min-width:2050px) {
	.grid-full-width-container {
		grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1400px) [main-end] minmax(0, 1fr) [full-end];
	}
	.grid-full-width-container>div.full-width>div {
		/* margin:0px auto 0px auto; */
		/* max-width:1400px; */
	}
}

@media(min-width:2068px) {
	
}

@media(min-width:2150px) {

}

@media(min-width:2250px) {

}

@media(min-width:2350px) {

}

@media(min-width:2450px) {

}

@media(min-width:2550px) {

}