body {
  margin: 0;
  font-family: 'Josefin Sans', sans-serif; }

.oaktitle {
  font-family: 'Anton', sans-serif;
  font-size: 6vw;
  color: #447821;
  /* text-shadow: 2px 2px 2px $oakgray3; */
  margin: 0.5em;
  font-weight: bold; }

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f2f2f2;
  font-family: 'Raleway', sans-serif;
  font-size: 1.1em; }

ul.topnav li {
  float: left; }

ul.topnav li a {
  display: block;
  color: #737373;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none; }

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

ul.topnav li a.active {
  background-color: #800000;
  color: #f2f2f2; }

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

@media screen and (max-width: 600px) {
  ul.topnav li.right,
  ul.topnav li {
    float: none; } }
.sidepanel {
  padding: 0 0 0 2em;
  width: 20%;
  float: right; }

.serviceimg {
  width: 100%; }

/*# sourceMappingURL=styles.css.map */