/* Responsive Design Improvements */

@media screen and (max-width: 1400px) {
	.main {
		width: min(1000px, 90vw);
	}

	.g-recaptcha {
		transform: scale(0.90);
		transform-origin: 0 0;
	}
}

@media screen and (max-width: 1200px) {
	.main {
		width: min(900px, 90vw);
	}
	.g-recaptcha {
		transform: scale(0.80);
		transform-origin: 0 0;
	}

	nav .container > div > ul > li > a {
		padding: var(--spacing-sm) var(--spacing-sm);
		font-size: 0.9em;
	}
}

@media screen and (max-width: 1100px) {
	.main {
		width: min(900px, 95vw);
	}
	.g-recaptcha {
		transform: scale(0.70);
		transform-origin: 0 0;
	}

	.leftSidebar,
	.leftPane, .rightPane {
		width: 100%;
		margin-bottom: var(--spacing-lg);
	}
}

@media screen and (max-width: 768px) {
	.main {
		width: min(95vw, 600px);
		padding: 0 var(--spacing-sm);
	}

	nav .container {
		flex-direction: column;
		gap: var(--spacing-md);
		padding: var(--spacing-md);
		min-height: auto;
	}

	nav .container > div > ul {
		justify-content: center;
		flex-wrap: wrap;
	}

	nav .container > div > ul > li > a {
		padding: var(--spacing-sm);
		font-size: 0.85em;
	}

	.g-recaptcha {
		transform: scale(0.60);
		transform-origin: 0 0;
	}

	.topPane {
		padding: var(--spacing-md);
	}

	.feedContainer {
		padding: var(--spacing-md);
		margin: var(--spacing-lg) 0;
	}

	.leftPane, .rightPane {
		padding: var(--spacing-md);
	}

	ul.linkbuttons li {
		width: 100%;
		margin-right: 0;
		margin-bottom: var(--spacing-md);
	}

	ul.linkbuttons li:nth-child(odd) {
		margin-right: 0;
	}

	.topDownloadButton {
		width: 100%;
		margin-bottom: var(--spacing-sm);
	}
}

@media screen and (max-width: 480px) {
	.main {
		width: 100vw;
		padding: 0 var(--spacing-xs);
	}

	nav .container > div > ul > li > a {
		padding: var(--spacing-xs) var(--spacing-sm);
		font-size: 0.8em;
	}

	nav .container > div > ul > li > a i {
		display: none;
	}

	.g-recaptcha {
		transform: scale(0.50);
		transform-origin: 0 0;
	}

	table {
		font-size: 0.85em;
	}

	td {
		padding: var(--spacing-sm);
	}

	.alert-box {
		font-size: 13px;
		padding: var(--spacing-sm);
	}

	footer {
		padding: var(--spacing-md);
		font-size: 0.8em;
	}
}