h1 {
  font-family: 'Lobster', cursive;
  font-size: 1.375em;
  margin: 0;
}

h2 {
  font-size: 1.1em;
}

.small, small {
  font-size: .85em;
}

body {
  font-family: 'Raleway', sans-serif;
}

a {
  text-decoration: none;
  color: #DE1B1B;
}

a:hover {
  text-decoration: underline;
}

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
  font-family: inherit;
}

.pure-menu-link {
  color: #ffffff;
}

.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
  background-color: inherit;
}

.pure-g {
  font-family: inherit;
}

.center {
  text-align: center !important;
}

ul.horizontal {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.horizontal li {
  display: inline;
}

ul.horizontal li + li {
  padding-left: 2em;
}

/*
#2B2B2B dark
#DE1B1B red
#F6F6F6 light grey
#E9E581 contrast yellow
*/

/* adjust base font size based on screen */

/* collapsed menu should be droid sans font-family: 'Droid Sans', sans-serif; */

/* hamburger is not 3 bars? */

/* change font sizes with device widths */

/* nowrap on list elements like food till 1am, indent 2nd line */

/* center the mailing list form on mobile */

/* split logo into two, longer horizontally */

.custom-wrapper {
  padding: .5em;
  -webkit-font-smoothing: antialiased;
  height: 3.1em;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
  background-color: #2B2B2B;
}

.social .pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
  padding: .5em .2em;
}

.section {
  max-width: 800px;
  margin: 0 auto;
  padding: 1em 5em;
}

.section + .section {
  border-top: 1px solid #ebebeb;
}

.custom-brand {
  padding: 0 1em;
}

.custom-brand img {
  height: 3em;
  width: auto;
}

.custom-wrapper.open {
  height: 14em;
}

.custom-menu-3 {
  text-align: right;
}

.custom-toggle {
  width: 34px;
  height: 34px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.custom-toggle .bar {
  background-color: #777;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 100px;
  position: absolute;
  top: 18px;
  right: 7px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.custom-toggle .bar:first-child {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}

.custom-toggle.x .bar {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custom-toggle.x .bar:first-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 47.999em) {

  .custom-menu-3 {
      text-align: left;
  }

  .custom-toggle {
      display: block;
  }

  .section {
    padding: .5em 1em;
  }

  .l-box {
    padding: 1em 0;
  }

}