.page-title-container {
  min-height: 300px !important;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.page-title-container .page-header .page-title {
  width: 100% !important;
}
.content p {
  color: #001107;
  font-family: ChuckNoon, serif !important;
  font-size: 1.4em;
}
.textwidget p {
  font-size: 18px !important;
}
.site-header-wrapper {
  position: fixed !important;
  background: #002107;
  box-shadow: 1px 3px 3px #3c3c3c;
  max-width: 100% !important;
  width: 100%;
  line-height: 1.3 !important;
}
.site-title-wrapper {
  padding-left: 50px !important;
}
.main-navigation a,
.site-title {
  font-size: 1.5rem !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  font-stretch: expanded;
}
.area .inner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.area.green {
  color: #ffffff;
  background: #3e8833;
  padding: 50px 0;
}
.about {
  float: left;
  max-width: 500px;
}
.block-list {
  list-style-type: none;
  width: 100%;
  max-width: 960px;
  text-align: center;
  padding: 0;
}
.block-list li {
  display: inline-block;
}
.list {
  list-style-type: none;
  width: 100%;
  padding: 0;
}
.thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  text-align: center;
}
.fest .two-column {
  float: left;
}
.front-list.brew .image.thumb {
  width: 200px;
  height: 200px;
  padding: 20px;
}
.front-list.fest .image.thumb {
  width: 300px;
  height: 200px;
  padding: 20px;
}

.brew-page .image.thumb {
  width: 300px;
  height: 300px;
  padding: 20px;
}
.brew-page .contact.thumb {
  min-height: 300px;
  text-align: left;
  padding: 20px;
}
.front-list .contact.thumb {
  height: 200px;
  padding: 20px;
  text-align: left;
  padding: 20px;
}

.thumb img {
  vertical-align: middle;
}

.breweries,
.festivals {
  margin-top: 20px;
}
.mission,
.about {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 200px;
  text-align: center;
}
.mission-inner,
.about-inner {
  display: inline-block;
  vertical-align: middle;
}
.mission-title,
.about-title {
  margin-top: 0;
  font-size: 30px;
  color: #ffffff;
}

.hero {
  text-align: center;
  margin-top: 100px;
}
.hero-inner {
  width: 100% !important;
}

.hero .widget-title {
  text-align: center !important;
  text-shadow: 1px 2px 1px #002107;
}

a.wcbg-button {
  margin: 5px;
  padding: 10px;
  color: #ffffff;
  background: #c3dba9;
  border-radius: 5px;
  text-decoration: none;
}
.wcbg-button:hover {
  background: #63b744;
}
.details {
  margin-bottom: 15px;
}
.social-icon {
  margin-right: 20px;
}
.inner {
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .site-header-wrapper {
    position: relative !important;
  }
  .hero {
    margin-top: 0;
  }
  .site-title {
    padding-top: 0 !important;
    line-height: 1;
  }
  .contact.thumb {
    min-height: 100px;
  }
  .front-list.brew .image.thumb {
    width: 140px;
    height: 140px;
    padding: 10px;
  }
  .front-list.fest .image.thumb {
    width: inherit;
    height: inherit;
    padding: 0;
    padding-bottom: 15px;
  }
  .site-title-wrapper {
    padding-left: 10px;
  }
  .inner {
    padding: 15px;
  }
  .footer-widget .widget {
    text-align: center;
  }
  .site-info-wrapper .footer-menu {
    width: 100%;
  }
}
@media only screen and (max-width: 1300px) {
  .site-header-wrapper a {
    font-size: 1em !important;
  }
}
/* Specialty */
#menu-item-600, #menu-item-1155 {
  background-color: #3e8833
}

#menu-item-600:hover, #menu-item-1155:hover {
  background-color: rgba(62, 136, 51, 0.8);;
}
#menu-item-600 a,#menu-item-1155  a {
  color: #002107 !important;
}

/* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 2000px;
  padding: 0 20px;
  box-sizing: border-box;
}

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0;
  }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 100%;
    margin-bottom: 20px;
  }

  .column,
  .columns {
     margin-left: 4%; 
  }

  .column:first-child,
  .columns:first-child {
    margin-left: 0;
  }

  .one.column,
  .one.columns {
    width: 4.66666666667%;
  }

  .two.columns {
    width: 13.3333333333%;
  }

  .three.columns {
    width: 22%;
  }

  .four.columns {
    width: 30.6666666667%;
  }

  .five.columns {
    width: 39.3333333333%;
  }

  .six.columns {
    width: 48%;
  }

  .seven.columns {
    width: 56.6666666667%;
  }

  .eight.columns {
    width: 65.3333333333%;
  }

  .nine.columns {
    width: 74%;
  }

  .ten.columns {
    width: 82.6666666667%;
  }

  .eleven.columns {
    width: 91.3333333333%;
  }

  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }

  .one-third.column {
    width: 30.6666666667%;
  }

  .two-thirds.column {
    width: 65.3333333333%;
  }

  .one-half.column {
    width: 48%;
  }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }

  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }

  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%;
  }

  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }

  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }

  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%;
  }

  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }

  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }

  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78%;
  }

  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }

  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }

  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }

  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }

  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%;
  }
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

  /* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }