h3 {
	font-size: var(--fontSizeMedium);
}

.about {
	margin-top: 3rem;
}

.about .container {
	flex-direction: column;
	margin: auto;
	align-items: center;
}

.about p.center {
	text-align: center;
	margin-top: 2rem;
	max-width: 100ch;
}

.about img {
	width: 100%;
}

.about .flex-col {
	gap: 1rem;
}

.about .flex-row {
	justify-content: space-between;
	gap: 2rem;
}

.about a {
	margin-top: 2rem;
}

/* dress code */

.dress-code {
}

.dress-code .container {
	align-items: center;
}

.dress-code p.center {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.illegal {
	display: flex;
	align-items: center;
	gap: 2rem;
	flex-shrink: 0;
	flex-basis: 30%;
}

.illegal img {
	width: clamp(100px, 10vw, 200px);
}

.illegal .flex-col {
	gap: 2rem;
	width: 70%;
}

.dress-code .flex-row {
	justify-content: space-between;
}

/* policy */
section ul li {
	margin-bottom: 1rem;
	list-style-position: inside !important;
}

section ul li:nth-child(1) {
	margin-top: 1rem;
}

section ul li:nth-last-child(1) {
	margin-bottom: unset;
}

.question p,
.policy p,
.rule p,
.penalty p {
	max-width: 100ch;
	margin-top: 1.5rem;
}

.question.container {
	margin-bottom: 2rem;
}

@media only screen and (min-width: 350px) and (max-width: 910px) {
	.about .flex-row {
		flex-direction: column;
	}

	.illegal .flex-col {
		width: clamp(200px, 70%, 60vw);
	}

	.dress-code .flex-row {
		flex-direction: column;
	}

	.illegal img {
		width: 30%;
	}

	.illegal .flex-col {
		width: 70%;
	}
}