html {
   webkit-text-size-adjust: none;
}
body {
   color: #6f7373 !important;
   font-family: BentonSans, Helvetica, sans-serif;
   font-size: 13px;
   line-height: 1.4em;
   moz-font-smoothing: antialiased;
   webkit-font-smoothing: antialiased;
}
* {
   box-sizing: border-box;
   moz-box-sizing: border-box;
   webkit-box-sizing: border-box;
}
a {
   color: #6f7373;
}
nav {
   padding-left: 21px;
}
nav > a {
   cursor: pointer;
   display: block;
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 1px;
   margin-top: 30px;
   moz-transition: color 0.3s ease-in-out;
   ms-transition: color 0.3s ease-in-out;
   o-transition: color 0.3s ease-in-out;
   position: relative;
   text-transform: uppercase;
   transition: color 0.3s ease-in-out;
   webkit-transition: color 0.3s ease-in-out;
   width: 100px;
}
nav > a + div {
   margin-bottom: 20px;
   max-height: 0;
   moz-transition: max-height 0.5s ease-in-out 0;
   ms-transition: max-height 0.5s ease-in-out 0;
   o-transition: max-height 0.5s ease-in-out 0;
   overflow: hidden;
   transition: max-height 0.5s ease-in-out 0;
   webkit-transition: max-height 0.5s ease-in-out 0;
}
nav > a:hover {
   color: #000;
}
@media screen and (max-width: 568px) {
   nav > a:hover
   {
      color: #6f7373;
   }
}
nav > a.active + div {
   max-height: 800px;
}
#container {
   margin: 80px;
   max-width: 325px;
}
@media screen and (max-width: 568px) {
   #container
   {
      margin: 20px;
   }
}
#container img {
   width: 100%;
}
#container p {
   margin-top: 1em;
}