body {
  color: #2d2d2d;
}

h1 {
  font-size: 24px;
  line-height: 26px;
}

#content {
  font-size: 18px;
  line-height: 22px;
}

#content a, #content a:hover, nav ul li a:hover {
  color: rgb(0, 115, 217);
}

#wrapper {
  width: auto;
}

#banner img {
	height: 23vw;
}

nav {
  max-width: 300px;
  width: 20%;
}

nav ul {
  width: 100%;
}

.news {
  border-bottom-color: #ffe300;
}

div.photo_gallery {
  max-width: 100%;
  margin-top: 40px;
}

a.photo {
  margin: 0 15px 15px 0;
}

a.photo img {
  height: 160px;
}

footer > div img {
  margin-top: -14px;
}

footer > div {
  width: 20%;
}

@media screen and (max-width: 930px) {

  #content {
    font-size: 16px;
    line-height: 20px;
  }

}

@media screen and (max-width: 620px) {

  nav.mobile_nav {
    width: 240px;
    max-width: 240px;
    overflow-x: hidden;
  }

  nav.mobile_nav ul {
    width: 220px;
    max-width: 220px;
  }
}