@media screen and (min-width: 1920px) 
{


}    
@media screen and (min-width: 950px) 
{

}    


@media screen and (max-width: 950px) 
{
	.hamburger{display: flex;}
	.mobileOnly{
		display: block;
	}
	.mobileOnlyFlex{
		display: flex;
	}
	.noMobile{
		display: none;
	}

	footer .footer{
		display: block;
	}
	.hor,.gridHor,.split{
		display: block;
	}

	.quad{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		gap: calc(var(--Gap) / 2);
	}
		.third{
		display: grid;
		grid-template-columns: 1fr;
		gap: calc(var(--Gap) / 2);
	}

	.thirdreverse{
		display: grid;
		grid-template-columns: 1fr;
		gap: calc(var(--Gap) / 2);
	}
.nine{
	display: grid;
	grid-template-columns: 1fr ;
	grid-template-rows: 1fr ;
	gap: calc(var(--Gap) / 2);
}
}    

@media screen and (max-width: 750px) 
{

}  

@media screen and (max-width: 470px) 
{

}