html {
	font-family: 'Roboto', sans-serif;
}

body {
	counter-reset: h2counter;

	@media screen and (min-width: 768px) {
		margin: 0 auto;
		width: 80vw;
	}

	@media screen and (min-width: 1024px) {
		width: 60vw;
	}

	@media screen and (min-width: 1440px) {
		width: 40vw;
	}
}

h1 {
	counter-reset: h2counter;
	text-align: center;
}

h2 {
	counter-reset: h3counter;
}

h2::before {
	content: counter(h2counter) ".\0000a0\0000a0";
	counter-increment: h2counter;
	/*counter-reset: h3counter;*/
}

h3::before {
	content: counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0";
	counter-increment: h3counter;
}


h2.no-count::before,
h3.no-count::before {
	content: none;
	counter-increment: none;
}

.block {
	display: block;
}

li {
	margin: .5rem 0;
}

label.block {
	padding: .5rem 0;
	clear: both;
}

fieldset {
	margin: 1rem 0;
}

legend {
	font-weight: bold;
}

.block input[type="text"],
.block input[type="email"],
.block textarea {
	width: 15rem;

	float: right;
	resize: none;
}

.inline-block {
	display: inline-block;
}

mark {
	margin-right: 2rem;
	padding: 0 .35rem;
	float: right;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.margin-bottom {
	margin-bottom: 5rem;
}