/**
 * CSS
 * @version 1.1
 * @author Ozhan Binici
 * last update: 2024.12.22
 */

#grid {
	position:fixed;
	pointer-events:none;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:transparent;
	display:none;
	padding-left:30rem;
	padding-right:0rem;
	width:auto;
}

body.show-grid #grid {
	display:flex;
}

#grid .column {
	width:320rem;
	height:100%;
	background-color:rgba(0,0,0,0.05);
	margin:20rem;
	flex-shrink:0;
}
/*
#grid .column:nth-child(2n) {
	width:40rem;
	height:100%;
	background-color:rgba(0,0,0,0.1);
}
*/
#grid .column:before {
	content:"auto";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#FF0000;
}

@media (max-width:1300px){
	#grid {
		padding-left:20rem;
	}
}

@media (max-width:910px){
	#grid {
		padding-left:10rem;
	}
}

@media (max-width:520px){
	#grid .column {
		margin:10rem;
		width:340rem;
	}
}