*, *:before, *:after { box-sizing: border-box; }

.row{display:flex}.row-mid{align-items:center}.col{flex:1}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}}
@media(min-width:48em){.col-space{flex:0 0 3%}.col-tenth{flex:0 0 10%}.col-fifth{flex:0 0 20%}.col-quarter{flex:0 0 25%}.col-third{flex:0 0 33.3333334%}.col-half{flex:0 0 50%}}

html, body { height: 100vh; }

body {
	margin: 0;
	font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
	font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
font-weight: normal;
	font-size: 1em;
	line-height: 1.4;
	color: #36393D;
	margin: 0;
	background-color: #eee;
	background-color: #F9F7ED;
}

img { display: block; max-width: 100%; height: auto }

h1 { text-align: center;line-height: 1.2; letter-spacing: -0.03em }

h2, h3 { text-align: center; margin: 2em 1em; color: #B02B2C;  }


.btn { border: none; text-decoration: none; background-color: #c00; color: #fff; font-weight: 700; padding: .75em 1.75em; border-radius: .35em; } 
.damir { margin: 0 auto; border-radius: 50%; max-width: 32px; }
.round { border-radius: 50%; max-width: 72px; }

li { margin-bottom: 1em }


article {
	background-color: #fff;
	padding: 1.25em;
}

article p { margin-bottom: 1.75em }

footer {
	margin: 2em 0;
	padding: 2em 0;
	font-size: .875em;
	text-align: center;
	color: #888;
}
footer a { color: #888; }

.lite { color: #888; font-weight: normal }

#timer { font-weight: bold; font-size: 1.125em;}

.wrap { margin: 0 auto; max-width: 860px; }
.wide { display: none }

blockquote {
	background-color: #fffacd;
	padding: 1em;
	font-style: italic;
	line-height: 1.7;
	border-left: 5px solid #c00;
	margin-bottom: 1.5em;
	margin-left: 0;
	margin-right: 0;
}

ul, ol { padding-left: 2em }

mark { background: #fffacd; font-weight: bold }

header {
	display: block;
	background-color: #0f270e;
}
header p {
	font-style: italic;
	margin: 0;
	color: #BC9745;
	padding: 2em 1em;
}

@media only screen and (min-width: 768px) {
	blockquote { margin-left: 1.5em }
	.wrap { padding: 0 1em }
	.wide { display: block }


	header p { font-size: 1.25em }
	header { padding-bottom: 12em }
	article {
		font-size: 1.25em;
		margin-top: -10em;
		padding: 2em 4em;
		box-shadow: 0 0 1em #888;
	}
	h1 { font-size: 1.75em }
	h2, h3 { margin: 2em 4em; }
}