body {
  font-size: 100%;
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  background-color: #fff;
  padding: 10px 0px 0px 0px;
}

/* Shrink fonts slightly on small screens (e.g., phones). */
@media only screen and (max-device-width: 480px) {
  body {
    font-size: 90%;
  }
}

a:link    { color: #090; text-decoration: none; }
a:visited { color: #090; text-decoration: none; }
a:active  { color: #3c3; text-decoration: underline; }
a:hover   { color: #3c3; text-decoration: underline; }

h1 {
  font-size: 150%;
  padding: 10px 0px;
  margin: 0px;
}

h2 {
  font-size: 120%;
  padding: 0px;
  margin: 0px;
}

div {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

div.logo-padding {
  width: 100%;
  padding: 0px 25%;
}

div.logo {
  width: 50%;
  text-align: center;
}

div.rule-padding {
  width: 100%;
  padding: 5px 5%;
}

div.rule {
  width: 90%;
  height: 2px;
  background-color: #090;
}

div.navbar {
  text-align: center;
  padding: 0px 0px 10px 0px;
}

div.main {
  font-size: 125%;
  padding: 10px 10%;
}

div.heading {
  text-align: center;
  font-weight: bold;
  font-size: 175%;
  padding: 10px 0px 0px 0px;
}

div.photo-padding {
  width: 100%;
  padding: 20px 5%;
}

img.photo {
  width: 90%;
  box-shadow: 2px 2px 10px hsla(0,0%,0%,0.5);
}

div.map-padding {
  width: 100%;
  padding: 20px 5%;
}

iframe.map {
  width: 90%;
  padding: 0px;
  box-shadow: 2px 2px 10px hsla(0,0%,0%,0.5);
}

div.menu-padding {
  width: 100%;
  padding: 20px 5%;
}

img.menu {
  width: 90%;
  box-shadow: 3px 3px 15px hsla(0,0%,0%,0.5);
}