body.content {
	margin: 0px auto;
	padding: 8px;
}

body.fit {
	max-width: fit-content;
}

body.slim {
	max-width: 1000px;
}

@media all and (max-width: 512px) {
	div.sponsorship {
		font-size: 10pt;
	}

	div.sponsortitle {
		font-size: 14pt;
		height: 40px;
		line-height: 40px;
	}

	div.sponsortitle1 {
		text-align: start;
		margin-left: 8px;
		width: revert;
	}

	form > div > p {
		margin-left: revert;
		padding-left: revert;
	}

	form#formLogin > div > input[type="checkbox"] {
		margin-left: revert;
	}

	form#formLogin > div > label {
		width: revert;
	}

	form#formRegister > div > label {
		width: revert;
	}

	input {
		max-width: 95%;
	}

	input[type="checkbox"] {
		margin-left: revert;
	}

	input.spin {
		padding: 2px;
		width: 20pt;
	}

	label {
		width: revert;
	}
}

@media all and (max-width: 484px) {
	body.content {
		margin: 0px;
		width: initial;
	}

	header > div {
		font-size: 14pt;
	}

	header > nav {
		font-size: 12pt;
	}
}

@media all and (max-width: 440px) {
	header > div {
		font-size: 12pt;
	}

	header > nav {
		font-size: 10pt;
		font-weight: revert;
	}

	#logohope {
		height: 100px;
	}
}