body {
				margin: auto;
				max-width: 900px;;
			}
			.logo {
				background-image: url('../image/bar.png');
				text-align: center;
				padding-top: 10px;
			}
			.topnav {
			  	overflow: hidden;
			  	background-image: url('../image/bar.png');
			}

			.topnav a {
				
			  	float: left;
			  	display: block;
			  	color: #f2f2f2;
			  	text-align: center;
			  	padding: 14px 16px;
			  	text-decoration: none;
			  	font-size: 17px;
			}

			.topnav a:hover {
			  	background-color: #ddd;
			  	color: black;
			}

			.topnav .icon {
			  	display: none;
			}

			@media screen and (max-width: 600px) {
			  	.topnav a:not(:first-child) {
			  		display: none;
			  	}
			  	.topnav a.icon {
				    float: right;
				    display: block;
			  	}
			}

			@media screen and (max-width: 600px) {
				.topnav.responsive {
					position: relative;
				}
				.topnav.responsive .icon {
				    position: absolute;
				    right: 0;
				    top: 0;
				 }
			  	.topnav.responsive a {
				    float: none;
				    display: block;
				    text-align: left;
			  	}
			}