@keyframes glow_text {
	  0%{color: var(--colour_04);}
	 50%{color: var(--colour_05);}
	100%{color: var(--colour_04);}
}

@media (min-width: 1900px) {
	header > div{padding: 16px 0;}
	footer > div{padding: 32px 0;}

	header > div,
	footer > div,
	main{width: 1200px;}

	.banner{width: 1200px;}
	.banner > div:nth-child(1) #banner-track > div{width: 1200px;}
	.banner > div:nth-child(1) #banner-track > div > img{width: 100%;}
	.banner > div:nth-child(2) h2{font-size: 1.8rem;}
	.banner > div:nth-child(2) p{font-size: 0.9rem;}

	.display > h2{font-size: 1.5rem;}
}

@media (max-width: 800px) {
	header{position: sticky; top: 0; left: 0; width: 100%;}
	header > div > nav{display: none;}
	header > div > details{display: block;}
	footer > div > div{grid-template-columns: auto; font-size: 1.1rem;}
}

/* @media (max-width: 1150px) {
	header > div,
	footer > div,
	main{width: 100%;}

	header{border-bottom-width: 4px}
	.logo{gap: 8px;}
	.logo img{width: 32px; height: 32px; padding: 0; background: transparent;}
	.banner{height: 320px; width: 100%;}
	.banner > div:nth-child(1){width: 100%; overflow: hidden;}
} */