@charset "utf-8";
/* CSS Document */
*{
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	margin: 5px;
	text-align: justify;
}
main{width:100%; max-width:1024px; margin:auto;}
img{max-width:100%;}
nav{background-color:#F00; margin-bottom:10px;}
a{text-decoration:none; color:#FFF; font-weight:bold;}
a:hover{color:#C99;}
nav li{
	list-style-type: none;
	display: inline-block;
	padding: 9px;
	font-size: 18px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
#toggle, label{
	display: none;
	width: 25px;
	font-size: 36px;
}

@media only screen and (max-width: 500px)
{
	nav li{display:block; text-align:center; background-color:#FFF; margin-bottom: 4px; font-size:18px;}
	#toggle, label{
	display: block;
}
	#toggle, nav{display:none;}
	#toggle:checked + nav{display:block;}
	
}
.H2title {
	background-color: #A1BEE6;
}
.h1title {
	background-color: #F63;
}
.H3title {
	background-color: #33CC66;
}
.H4title {
	background-color: #DDB436;
}
.H5title {
	background-color: #FF6;
}