/* BELOW 1000px (tablets landscape) */
@media (max-width: 62.5em) {
	.content-container {
		margin: 2rem;
		margin-right: 4rem;
	}
	.section-main {
		flex-direction: column-reverse;
	}
	.glances {
		flex-direction: row;
		max-width: none;
		justify-content: space-between;
		gap: 1rem;
	}
	.glance-box {
		padding: 1rem;
		gap: 1.5rem;
	}
	.title {
		font-size: var(--small);
	}
	.table-main {
		max-width: none;

		width: 100%;
	}
}
/* below 800px */
@media (max-width: 50em) {
	.section-header {
		flex-direction: column;
		text-align: center;
		margin: 1.5rem 0 1.5rem 0;
	}

	.section-main {
		gap: 1.5rem;
		margin: 0;
	}
	.number {
		font-size: var(--small);
	}
}
/* below 700px */
@media (max-width: 43.75em) {
	.content-container {
		margin: 1rem;
	}
	.section-header {
		max-width: none;
	}
	.section-main {
		max-width: none;
	}
	.table-main {
		max-width: none;
	}
	.glances {
		max-width: none;
		flex-direction: column;
	}
	.title {
		font-size: 2.5rem;
	}
	.number {
		font-size: 2rem;
	}
}

/* below 400px */
@media (max-width: 25em) {
	.table-main {
		font-size: 1.4rem;
	}
	.table-main tbody td {
		padding: 0.15rem 0.25rem;
	}
	.content-container {
		margin: 0.75rem;
	}
}

/* below 325px */
@media (max-width: 20.3125em) {
	.table-main {
		font-size: 1.1rem;
	}

	.row {
		font-size: 1.1rem;
	}
	.table-main tbody td {
		padding: 0.1rem 0.15rem;
	}
	.content-container {
		margin: 0.75rem;
	}
	.number {
		font-size: 1.5rem;
	}
}