body {
  margin:0;
  font-family:Verdana, Geneva, sans-serif;
}

img {border:none}

table{
  border-collapse: collapse;
  border-spacing:0;
}

.topnav {
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: black;
  box-shadow:rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px;
}

.topnav a:first-child{
  padding: 4px 4px 2px 4px;
}

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

.material-icons{
  padding:0 10px 0 0;
  font-size: 21px!important;
  vertical-align: middle
}

.topnav .icon {
   display: none;
}

.content {
  padding-left:0px;
  padding-top: 16px;
  margin-top: 30px;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;font-size: 14px;}
  .topnav a:hover {
    background-color: black;
    color: #6090FF;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {
    left: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
    min-height:100%;
    display: inline;
    width: 300px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    transform: translateY(0%);
    transition: all .5s ease;
  }
  .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    overflow: hidden;


  }
  .material-icons{
    padding-left: 20px
  }
}

@media print
{
  .topnav {display: none}
  .content {padding: 0; margin: 0}

}