body {
	margin: 0;
}
h2, h3, h4 {
	text-align: center;
}
button {
	font-size: 16px; font-family: Tahoma;
}

nav.desk {
	background-color: #FF0000; color: #FFFF00; text-align: center; padding: 4px; font-size: 24px; display: block;
}
nav.desk a { 
	color: #FFFFFF; background-color: #FF0000; margin: 0 20px;
}	
nav.desk a:hover { 
	color: #FFFF00;
}

a.navbtn {
	display: none; text-align: left; padding: 8px 0; background-color: #FF0000; color: #FFFF00; width: 100%; text-indent: 8px; font-weight: bold; position: relative; font-size: 24px;
}
#mobilnav {
	display: none; position: absolute; top: 43px; left: 0; font-size: 18px; z-index: 99;
}
a.menu2 {
	background-color: #FF0000; color: #FFFFFF; text-decoration: none; padding: 8px; width: 100%;
}

main {
	max-width: 720px; margin: 0 auto 30px; font-size: 16px;
}
main p {
	margin: 0; padding: 0; text-indent: 30px; line-height: 22px;
}
.menu {
	float: left; width: 50%; font-size: 16px;
}	
article {
	text-align: justify; padding: 8px; font-family: Arial;
}
#test p {
	margin: 12px 0;
}

#kodwn, #kodup, #kodsi, #kodfl {
	display: inline;
}

.reklama {
	text-align: center;
}

@media only screen and (max-width: 640px) {
	a.navbtn {display: block;}
	nav.desk {display: none;}
	a.menu2 {display: block;}
	.menu {width: 100%;}
}
@media only screen and (min-width: 641px) {
	a.menu2 {display: none;}
}