@charset "UTF-8";

html {
	height: 100%;
}

body {
	height: 100%;
	background: #527c8c;
}

footer {
	position: sticky;
	top: 100vh;
}


.guidelines__container {
	width: 90%;
	margin: auto;
	padding: 3% 0;
}
@media screen and (max-width: 750px) {
	.guidelines__container {
		width: 90%;
		padding: 5% 0;
	}
}

.guidelines__info {
	display: flex;
	flex-direction: column;
	gap: 2vw;
	font-size: calc(24 * 100vw / 1920);
	line-height: 1.8;

	h2 {
		border-bottom: 1px solid #fff;
		padding-bottom: 3px;
		margin-bottom: 7px;
		font-size: calc(27 * 100vw / 1920);
		font-weight: 700;
	}
}
@media screen and (max-width: 750px) {
	.guidelines__info {
		gap: 4vw;
		font-size: calc(24 * 100vw / 750);
		line-height: 1.8;

		h2 {
			border-bottom: 1px solid #fff;
			padding-bottom: 3px;
			margin-bottom: 7px;
			font-size: calc(27 * 100vw / 750);
			font-weight: 700;
		}
	}
}