html {

  width: 100%;
  padding:0;
  margin:0;
  border:0px;
}
body {
  width: 100%;
  background-color: burlywood;
  margin: 0;
  padding: 0;
  border: 0px;
}
.nav .burger-nav {
  padding: 0;
}
/*Entypo menu pictogram by Daniel Bruce — www.entypo.com */
.burger-nav img {
  display: none;
}
header h1 {
  margin: 0 0 0 .5em;
  font-family: 'Kalam', cursive;
  padding: .3em;
  display: inline-block;
}
header img {
  width: 7em;
}
header a {
  padding: 0;
  margin-left: 3em;
}
.container {
  width: 90%;
  height: 100%;
  margin: 0 auto;
}
.nav {
  margin: 0;
  font-family: 'Work Sans', sans-serif;
  font-size: 110%;
  font-weight: bold;
}
.nav ul {
  padding: 0;
  margin: 0 3%;
  list-style-type: none;
  background-color: #4d2600;
  overflow: hidden;
  border-radius: .3em .3em 0 0;
}
.nav li {
  float: left;
}
.nav a {
  display: block;
  padding: 1em 1em;
  color: white;
  text-decoration: none;
}
.nav a:hover {
  background-color: #00e600;
  color: white;
}
.main-content {
  background-color: #87ceeb;
  margin: 3% 4%;
  border-radius: .3em;
  font-family: 'Kalam', cursive;
}
.main-content p {
  line-height: 150%;
  font-family: 'Work Sans', sans-serif;
}
.main-content img{
  height: 55%;
  width: 35%;
  margin: 3% 2%;
}

#side-text{
  display: inline-block;
  width: 55%;
  vertical-align: top;
}
#side-text h3 {
  margin-top: 5%;
}
#footer{
  clear: both;
  background-color: #4d2600;
  margin:0 3%;
  text-align: center;
  padding: 1% 0;
  border-radius: .3em .3em 0 0;
  font-family: 'Work Sans', sans-serif;
}
#footer p {
  margin: 0;
  color: white;
  line-height: 150%;
}
#footer a {
  color: #87ceeb;
}
@media screen and (max-width: 600px) {
  .nav ul li a{
    display: none;
  }
  .burger-nav {
    height: 3em;
    width: 3em;
    float: right;
  }
  /*Entypo menu pictogram by Daniel Bruce — www.entypo.com */
  .burger-nav img {
    display: block;
  }
  .nav ul li {
    display: block;
    float: none;
    clear: right;
  }
  .nav ul li a {
    border-top: 1px solid black;
  }
  .nav ul li a.open{
    display: block;
    float: none;
  }
}
@media screen and (max-width: 430px) {
  header a {
    margin: 0;
  }
  header img {
    width: 30%;
    display: inline-block;
  }
  header h1 {
    display: inline-block;
    width: 60%;
    font-size: 160%;
  }
}