header {width: 100%; background-color: #00509f; color: #ffffff}
header > div {display: inline-block}
header > nav {display: inline-block; float: right}
header img { width: 150px; margin: 5px}
nav ul {position: relative; margin: 0; padding 0; cursor: pointer}
.side li {cursor: pointer}
ul li {display: inline;}
li a {text-decoration: none;}
article {margin: 40px auto; width: 80%}
article .head {font-size: 16px; font-weight: bold;}
article .content {line-height: 26px; margin-top: 20px}
article#business {display: none}

@media (max-width: 640px) {
	header img { width: 100px;}
	ul li:nth-child(1), li:nth-child(2) {display: none;}
	.side li:nth-child(1), .side li:nth-child(2) {display: block;}
	article#business {display: block}
	article { border: 1px solid gray;}
	article .head {display: block; background-color: #83c8de; color: #ffffff; padding: 3px; text-align: center}
	article .content {margin-top: 0; padding: 10px; height: 200px; overflow-y: auto;}
}