body {margin: 0;}

body a:link {text-decoration: none; color: #1863D4;}
body a:visited {text-decoration: none; color: #1863D4;}

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #999;
  font-family: Cabin;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transform: translateY(+160%);
}

ul.topnav li a.active {background-color: #777}

ul.topnav li a.logo {padding: 14px 16px;transform: translateY(+0%);}
ul.topnav li a.logoactive {padding: 14px 16px;background-color: #777;transform: translateY(+0%);}

ul.topnav li a:hover:not(.active):not(.logoactive) {background-color: #ff8080ff}

ul.topnav li.right {float: right;}

@media screen and (max-width: 400px) {
  ul.topnav li.right, 
  ul.topnav li {float: none}
  ul.topnav li a {padding: 14px 16px;transform: translateY(+0%);}
}

#responsive-image98 {  width: 98%;  height: auto; }
#responsive-image70 {  width: 70%;  height: auto; }
#responsive-image50 {  width: 50%;  height: auto; }