.startbox		{ width: 100%; height: 100vh; }
.centerbox	{ width: 300px; height: auto; padding: 1rem; margin: 0 auto; }
.logo				{ width: 100%; height: auto; padding: 1rem 0; }
.logo img		{ width: 90%; margin: 0 auto; display: block; }
.descr			{ width: 100%; height: auto; padding: 1rem 0; }

h1					{ font-size: 2rem; font-weight: 700; font-style: normal; margin-bottom: 2rem; }
h2					{ font-size: 1.500rem; font-weight: 700; font-style: normal; }
h3					{ font-size: 1.250rem; font-weight: 700; font-style: normal; margin-bottom: 1.250rem; }
h4					{ font-size: 1.000rem; font-weight: 700; font-style: normal; margin-bottom: 1rem; }
p						{ font-size: 1.000rem; line-height: 1.5; margin-bottom: 1.500rem;}
p:last-child{ margin-bottom: 0; }
.content		{ width: 100%; max-width: 60em; margin: 0 auto; padding: 2em 0; }
a						{ font-size: 1.000rem; text-decoration: none; color: #000; }
a:hover			{ text-decoration: underline; }
a:visited		{ color: #000; }

.mbox				{ padding: 1rem; }
.m100				{ width: 100%; }
.m100 h1		{ margin-bottom: 0; }
.m50				{ width: 50%; }
.mform			{ border: 1px solid #272360; padding: 1rem; }

.mbox ul								{ list-style: none; margin: 0 0 1.000rem 0; }
.mbox ul > li						{ list-style: none; font-size: 1.000rem; color: #000; line-height: 1.5; margin: 0 0 0 1.000rem; }
.mbox ul > li:before		{ content: "\f0da"; font-family: FontAwesome; color: #7dc241; margin-left: -1rem; padding-right: 0.500rem; }
.mbox ol								{ list-style: none; margin: 0 0 1.000rem 0; }
.mbox ol > li						{ list-style-type: decimal; color: #7dc241; font-size: 100%; margin: 0 0 0 1.000rem; }

@media screen and (max-width: 1366px) {
	}

@media screen and (max-width: 1279px) {
	}

@media screen and (max-width: 1024px) {
	}

@media screen and (max-width: 980px) {
	}

@media screen and (max-width: 768px) {
	}

@media screen and (max-width: 520px) {

.m50				{ width: 100%; }
	}