﻿#bodydiv, #headdiv, #catlist {
	width: 100%;
	max-width: 940px;
	box-sizing: border-box;
}

.static-content {
	box-sizing: border-box;
	min-height: 360px;
	padding: 24px 28px 42px;
}

.static-content h1 {
	margin: 0 0 18px;
	padding: 0;
	font: 400 30px/1.25 Roboto, Arial, sans-serif;
	color: #222;
}

.static-content h2 {
	margin: 28px 0 10px;
	font: 600 22px/1.35 Roboto, Arial, sans-serif;
	letter-spacing: 0;
	color: #444;
}

.static-content h3 {
	margin: 22px 0 8px;
	font: 700 17px/1.4 Roboto, Arial, sans-serif;
	color: #444;
}

.static-content p, .static-content li {
	font: 300 16px/1.75 Roboto, Arial, sans-serif;
}

.static-content li { margin-bottom: 5px; }
.static-content a { color: #4b9125; }
.static-content .article-list { padding-left: 22px; }
.static-content .article-list li { margin: 0 0 8px; }
.static-content .article-meta { color: #666; font-size: 13px; }
.static-content .article-figure { margin: 22px 0 26px; }
.static-content .article-figure img { display:block; width:100%; max-width:720px; max-height:390px; object-fit:cover; border-radius:4px; }
.static-content .article-figure figcaption { max-width:720px; margin-top:7px; color:#666; font-size:13px; line-height:1.5; }
.static-content .info-box { padding: 14px 18px; border-left: 4px solid #5b9d2b; background: #f4f7f2; }
.static-content .contact-fields { max-width: 620px; }
.static-content .contact-fields label { display: block; margin: 12px 0 4px; font-weight: 700; }
.static-content .contact-fields input, .static-content .contact-fields textarea { width: 100%; box-sizing: border-box; padding: 9px; font: inherit; }
.static-content .contact-fields textarea { min-height: 130px; }
.static-content .contact-fields button { margin-top: 14px; padding: 10px 18px; cursor: pointer; }
.static-footer { display:flex; flex-wrap:wrap; align-items:flex-start; box-sizing:border-box; width:100%; height:110px; min-height:110px; padding:9px 0 5px; float:left; border-radius:0 0 10px 10px; background:#444; color:#fff; text-align:center; font:300 9px Roboto,Arial,sans-serif; letter-spacing:1px; }
.static-footer a { color:#fff; }
.static-footer > span:first-child { display:block; box-sizing:border-box; width:60%; padding-right:30px; text-align:right; line-height:18px; }
.static-footer > span:nth-child(2) { display:block; box-sizing:border-box; width:40%; text-align:center; line-height:18px; }
.static-footer nav { display:flex; flex:0 0 100%; flex-wrap:wrap; align-items:center; justify-content:center; gap:44px; height:19px; margin-top:44px; padding:0; box-sizing:border-box; background:#898989; }
.static-footer nav a { display:none; color:#fff; font-size:9px; line-height:19px; }
.static-footer nav a[href="/privacy/"], .static-footer nav a[href="/terms/"], .static-footer nav a[href="/cookies/"] { display:inline; }
.static-footer.article-footer { background:#444; color:#fff; text-align:center; }


@media (max-width: 667px) {
	.static-content { padding: 20px 16px 34px; }
	.static-content h1 { font-size: 26px; }
	.static-content h2 { font-size: 20px; }
	.static-content p, .static-content li { font-size: 15px; }
	.static-footer { float:none; }
	.static-footer > span:first-child { width:60%; padding-right:12px; }
	.static-footer > span:nth-child(2) { width:40%; }
	.static-footer nav { gap:12px; height:19px; min-height:19px; margin-top:44px; }
}
