.topnav {
  overflow: hidden;
  /*background-color: #333;*/
  position: relative;
  /*border:1px solid white;*/
  margin:auto;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: black;
  padding: 14px 120px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  background-color: white;
}

.topnav a.icon {
  background: none;
  display: block;
  /*position: absolute;
  right: 0;
  top: 0;*/
}
@media screen and (min-width:768px){
	.topnav{display:none;}
}


/*js*/
/*
<script>
function myFunction() {
  var x = document.getElementById("myLinks");
  if (x.style.display === "block") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}
</script>
*/


/*html*/
/*
<div class="topnav">
	<a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;Menu</a>
	<div id="myLinks">
		<a href="/">Home</a>
		<a href="/blog">Blog</a>
		<a href="/pages">Pages</a>
		<a href="/about">About</a>
	</div>
</div>
*/