/*
Theme Name: Parkway Brewing Company Theme
Theme URI: http://parkwaybrewing.com
Author: William Alexander
Author URI: http://www.williamalexander.co
Description: A theme for Parkway Brewing Company by William Alexander
Version: 1.2.718
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: parkway
Tags:

*/
/*                                           */     
/*                                           */     
/*                                           */     
/*      888                                  */
/*      888                                  */                             
/*      888                                  */
/*      88888b.  .d88b.  .d88b. 888d888      */ 
/*      888 "88bd8P  Y8bd8P  Y8b888P"        */   
/*      888  8888888888888888888888          */     
/*      888 d88PY8b.    Y8b.    888          */     
/*      88888P"  "Y8888  "Y8888 888          */     
/*                                           */     
/*                                           */     
/*                                           */     
                           
     

@import url('_s.css');
/* @import url('http://www.w3schools.com/lib/w3.css'); */

@font-face {
  font-family: 'GearedSlab';
  src: url('fonts/GearedSlab.woff') format('woff'), 
       url('fonts/GearedSlab.ttf')  format('truetype');
}

@font-face {
  font-family: 'Lavanderia';
  src: url('fonts/LavanderiaSturdy.woff') format('woff'), 
       url('fonts/LavanderiaSturdy.otf')  format('opentype');
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

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

h1, h2, h3, h4, h5, h6 {
    clear: none;
    font-family: 'GearedSlab', sans-serif;
    margin: .5em 0;
    line-height: 1em;
    font-weight: normal;
}

#content a {
	color: black;
        text-decoration: none;
        border-bottom: #a7a7a7 dashed 1px;
}

#content a:visited {
	color: black;
}

#content a:hover,
#content a:focus,
#content a:active {
	color: #840303;
        border-bottom: #840303 dashed 1px;
}

#content a:focus {
	outline: thin dotted;
}

#content a:hover,
#content a:active {
	outline: 0;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
input:-moz-placeholder { /* Firefox 18- */
  color: white;
}

/* Header */
/* Header */
/* Header */
/* Header */
/* Header */
/* Header */

a.home-logo {
    display: block;
    text-align: center;
    height: 110px;
}

a.home-logo img {
    position: relative;
    top: 37px;
}

header#masthead {
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: rgb(241, 235, 215);
  background-color: rgb(43, 17, 0);
  background-image: url('i/header-background-art.png');
  background-position: center center;
  background-size: cover;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
  position: relative;
  z-index: 1;
}

.site-branding h1, .site-branding p {
    display: none;
}

.site-branding {
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: rgb(241, 235, 215);
    position: relative;
    // z-index: 100000;
}

/* Navigation */
/* Navigation */
/* Navigation */
/* Navigation */
/* Navigation */
/* Navigation */


.main-navigation {
    float: none;
    text-align: center;
}

.main-navigation a {
    display: block;
    padding: .2em .3em .06em;
    text-transform: uppercase;
    color: #f3f0d8;
    font-family: 'GearedSlab', sans-serif;
    font-size: 1.8em;
}

.main-navigation div {
    display: inline-block;
    width: 49%;
}

.menu-left-of-logo-container {
    text-align: right;
    padding-right: 100px;
}

.menu-right-of-logo-container {
    text-align: left;
    padding-left: 100px;
}

.main-navigation li {
    display: inline-block;
    float: none;
}

li.facebook a, li.twitter a, li.instagram a {
    text-indent: -9999px;    
}

li.facebook, li.twitter, li.instagram {
    width: 35px;
    background-image: url('i/socials.png');
    position: relative;
    top: -2px;
}

li.facebook {
    background-position: -17px center;
}

li.twitter {
    background-position: -57px center;
}

li.instagram {
    background-position: -97px center;
}

ul.sub-menu {
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 4px;
    border-color: rgb(241, 235, 215);
    background-color: rgb(43, 17, 0);
    text-align: left;
    margin-top: 1.6em;
}

.main-navigation ul ul li {
    line-height: 1;
}


/* Homepage */
/* Homepage */
/* Homepage */
/* Homepage */
/* Homepage */
/* Homepage */




/* Slideshow */
/* Slideshow */
/* Slideshow */
/* Slideshow */
/* Slideshow */
/* Slideshow */

div#slideshow {
  background-image: url('i/slideshow-background.jpg');
  background-position: center center;
  // background-attachment: fixed;
  background-size: cover;
}

a.slideshow {
    display: block;
    text-align: center;
    border-bottom: none !important;
}

div#slideshow img {
    display: block;
    margin: 0 auto;
}

a.slideshow.slideshow-logo {
    padding: 5% 0 10%;
}

a.slideshow.slideshow-logo img {
    width: 35%;
}

/* Can Section */
/* Can Section */
/* Can Section */
/* Can Section */
/* Can Section */
/* Can Section */

div#can-section {
    background: #f3f0d8;
    margin-bottom: -6em;
}

div#can-section a {
    border-bottom: none !important;
}


div#can-section .inner {
    margin: 0 auto;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: -2%;
}

.left-of-can, .right-of-can {
    flex-basis: 38%;
    font-family: 'GearedSlab', sans-serif;
    font-size: 1.8em;
    padding: 0 1em 3em;
}

.left-of-can {
    text-align: right;
    flex-basis: 42%;
}

a.the-can {
    position: relative;
    top: -40px;
    display: flex;
    align-items: center;
}

a.the-can img {
    display: block;
    margin: 0 auto;
    z-index:2;
    box-shadow: 0 0 0px 1px #00000038;
}


a.the-bottle {
    position: relative;
    top: -70px;
    display: flex;
    align-items: center;
}

a.the-bottle img {
    display: block;
    margin: 0 auto;
    z-index:2;
    box-shadow: 0 0 0px 1px #00000038;
    margin-top:30px;
    max-width: 305px;
}

/* About Section */
/* About Section */
/* About Section */
/* About Section */
/* About Section */
/* About Section */

div#about-section {
    background-image: url(i/kegs_web.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 5em;
}

div#about-section-text {
    background: #000000bf;
    padding: 20px;
    color: white;
    font-family: 'GearedSlab', sans-serif;
    text-align: center;
    font-size: 1.25em;
    margin: 0 auto;
    max-width: 450px;
}

div#about-section-text h2 {
    color: #eb2a37;
    font-size: 1.7em;
    margin: 0;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0px 0px 5px rgba(0, 0, 0, 1);
}




/* Tasting Room */
/* Tasting Room */
/* Tasting Room */
/* Tasting Room */
/* Tasting Room */
/* Tasting Room */


div#tasting-room-section {
    background: #8a8a8a;
    padding: 3em;
    font-family: 'GearedSlab', sans-serif;
    text-align: center;
    font-size: 1.25em;
    color: black;
}

div#tasting-room-section .inner {
    margin: 0 auto;
    width: 75%;
}

div#tasting-room-section .link-boxes {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

div#tasting-room-section h2 {
    margin: 0;
    color: #f3f0d8;
    font-size: 1.7em;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0px 0px 5px rgba(0, 0, 0, 1);
}

.link-boxes a {
    border: none !important;
    color: white !important;
    text-transform: uppercase;
    font-size: 2em;
    display: block;
    padding: 3em 0;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0px 0px 5px rgba(0, 0, 0, 1);
    width: 100%;
    margin: 0 5px;
    background-position: center;
    background-size: cover;
    transition: all .3s;
    line-height: 1em;
}

.link-boxes a:hover {
    background-color: #00000085;
    background-blend-mode: multiply;
}


/* Bottles */
/* Bottles */
/* Bottles */
/* Bottles */
/* Bottles */
/* Bottles */


div#bottles {
    padding-bottom: 30%;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}




/* Brews */
/* Brews */
/* Brews */
/* Brews */
/* Brews */
/* Brews */


div#brews {
    background-color: white;
    text-align: center;
    position: relative;
    padding: 1em 0;
}

div#brews h2:first-child {
    font-family: 'GearedSlab', sans-serif;
    text-transform: none;
    font-size: 1.4em;
    color: black;
    font-weight: normal;
    display: block;
    margin: 0 auto .5em;
    background-image: url(i/red-ribbon.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1.2em 1em 1em 1em;
    position: absolute;
    width: 100%;
    top: -1.85em;
    z-index: 1;
}


a.mullet-man {
    border: none !important;
    position: absolute;
    bottom: -11px;
    right: 10%;
    z-index: 2;
}

div#brews .inner {
    // display: flex;
    // width: 80%;
    // margin: 2em auto 0;
    font-family: 'GearedSlab', sans-serif;
}

.the-brew h2 {
    margin: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-top: .2em;
}

.the-brew-type {
    text-align: left;
    margin-top: 6px;
    text-transform: uppercase;
    color: #eb2a37;
    line-height: 1em;
}

.bx-wrapper {
    box-shadow: none !important;
    border: none !important;
    background: none !important;
    margin: 2em auto 0;
    width: 80%;
    margin-bottom: 10px !important;
}

a.bx-prev {
    margin-left: -4em;
    border: none !important;
}

a.bx-next {
    margin-right: -4em;
    border: none !important;
}

a.the-brew {
    border: none !important;
}


/* Beer Buzz */
/* Beer Buzz */
/* Beer Buzz */
/* Beer Buzz */
/* Beer Buzz */
/* Beer Buzz */


div#beer-buzz {
    padding: 2em;
    background-color: #9c4f2b;
    text-align: center;
    position: relative;
    z-index: 3;
}

div#beer-buzz h2:first-child {
    font-family: 'GearedSlab', sans-serif;
    text-transform: uppercase;
    font-size: 5em;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0px 0px 5px rgba(0, 0, 0, 1);
    color: #f3f0d8;
    font-weight: normal;
    display:block;
    margin: 0 auto .5em;
    background-image: url(i/ribbon.png);
    background-position: center 0.2em;
    background-repeat: no-repeat;
}

div#beer-buzz .inner {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

div#beer-buzz .inner .beer-buzz-post {
    margin: 5px;
    background-color: #f8f5eb;
    padding: 1.5em;
    font-family: 'GearedSlab', sans-serif;
    text-align: left;
    flex-basis: 24%;
}

div#beer-buzz .inner .beer-buzz-post h2 {
    font-weight: normal;
    margin: 0;
    color: #185027;
    line-height: 1em;
}

div#beer-buzz .inner .beer-buzz-post p {
    line-height: 1.2em;
    margin: 0;
}

.home a.moretag {
    display: block;
    text-align: right;
    border: none !important;
    margin-top: 7px;
}

.beer-buzz-post img {
    display: block;
    width: 100%;
    margin: -5.5em auto 1em;
}

/* Barrels */
/* Barrels */
/* Barrels */
/* Barrels */
/* Barrels */
/* Barrels */


div#barrels {
    padding-bottom: 30%;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}


/* Contact */
/* Contact */
/* Contact */
/* Contact */
/* Contact */
/* Contact */


div#contact {
    padding: 11em 2em 2em;
    background-color: #f3f0d8;
}

div#contact h2 {
    text-align: center;
    color: black;
    font-size: 2em;
    font-family: 'GearedSlab', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
}

div#contact h2 span {
    color: #eb2a37;
    font-size: 3em;
    font-family: 'Lavanderia', cursive;
    text-transform: none;
    transform: rotate(-15deg) skew(-15deg, 0);
    display: inline-block;
    position: absolute;
    top: -1.1em;
    margin-left: -1.1em;
}

div#wpcf7-f1-o1, div#wpcf7-f111-o1 {
    max-width: 630px;
    margin: 0 auto;
    padding: 1em;
}

div#wpcf7-f1-o1 p {
    margin-bottom: 1em;
}

.wpcf7-form.cf7skins input[type="submit"], button#load-more {
    padding: .75em 3em;
    text-transform: uppercase;
}

.wpcf7-form.cf7skins input[type="text"], .wpcf7-form.cf7skins input[type="email"], .wpcf7-form.cf7skins input[type="tel"], .wpcf7-form.cf7skins input[type="url"], .wpcf7-form.cf7skins input[type="number"], .wpcf7-form.cf7skins input[type="range"], .wpcf7-form.cf7skins input[type=date], .wpcf7-form.cf7skins input[type=file] {
    padding: 1em;
}

button#load-more {
    margin: 1em auto 0;
    display: block;
    box-shadow: none;
    text-shadow: none;
    font-size: 1.05em;
}

.hidebutton {
    display: none !important;
}


/* pilot-batch */
/* pilot-batch */
/* pilot-batch */
/* pilot-batch */
/* pilot-batch */
/* pilot-batch */


div#pilot-batch {
    padding-bottom: 30%;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

/* instagram */
/* instagram */
/* instagram */
/* instagram */
/* instagram */
/* instagram */


div#instagram {
    background: white;
    margin: 0;
    padding: 3em;
}


div#instagram h2 {
    font-family: 'Lavanderia', cursive;
    text-align: center;
    font-size: 3em;
    color: black;
    font-weight: normal;
    margin: 0;
}

div#instafeed {
    width: 100%;
    margin: 2em auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
}

div#instafeed a:link {
    flex-basis: 24%;
    border: none;
    margin: 2px 5px;
}

/* Footer */
/* Footer */
/* Footer */
/* Footer */
/* Footer */
/* Footer */

footer#colophon {
  background-image: url('i/footer-bg.jpg');
  background-position: center center;
  background-size: cover;
  position: relative;
}

.footer-subscribe {
    color: #fcfae1;
    font-family: 'GearedSlab', sans-serif;
    background-color: #8a8a8a;
    padding: 20px;
    text-align: center;
    font-size: 1.7em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-subscribe div {
    display: inline-block;
    padding: 0 10px;
    display: flex;
}

.footer-subscribe input {
    background: white;
    border: none;
    padding: 0 10px;
}

.footer-subscribe-text {
    position: relative;
    top: 4px;
}

input#subscribe-form-submit, input#search-form-submit {
    font-size: 1em;
    text-transform: uppercase;
    background: #f8a443;
    color: white;
    font-family: 'GearedSlab', sans-serif;
    border: none;
    box-shadow: none;
    padding: 11px 9px 4px 9px;
    text-shadow: none;
    border-radius: 0 5px 5px 0;
}

input#subscribe-form-input, input#search-form-input {
    border-radius: 5px 0 0 5px;
}

.footer-info {
    background-color: #28150c;
    font-family: 'GearedSlab', sans-serif;
    background-image: url('i/footer-bg.jpg');
    background-blend-mode: overlay;
    background-position: center top;
    color: white;
}

.footer-info h1 {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
    color: #fcfae1;
    font-size: 3em;
    font-weight: normal;
    line-height: 1em;
}

.footer-info h1 a {
    color: #fcfae1;
    text-decoration: none;
}

.footer-info h1 span {
    display: block;
}

span.line-2 {
    color: #f8a443;
    font-size: 1.7em;
    line-height: 1em;
}

.brewery-hours h1, .brewery-info h1  {
    margin: 0;
    padding: 0;
    font-size: 2.1em;
    line-height: 1.2em;
    text-transform: none;
    margin-top: 1em;
}

.brewery-hours ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.2em;
}

.brewery-hours {
    padding-bottom: 3em;
}

.brewery-info {
    position: absolute;
    right: 5%;
}

.brewery-info ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
    font-size: 1.4em;
    line-height: 1.2em;
}

.brewery-info li a {
    color: white;
    text-decoration: none;
}

.footer-socials {
    text-align: right;
    height: 2.3em;
    background-image: url('i/socials.png');
    margin-top: 0.7em;
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
}

.footer-socials a {
    display: inline-block;
    text-indent: 9999px;
    overflow: hidden;
    width: 36px;
    height: 40px;
}

.footer-copyright {
    text-align: center;
    padding: 20px;
    text-transform: uppercase;
    background-color: #72624c;
    font-family: 'GearedSlab', sans-serif;
    background-image: url('i/footer-bg.jpg');
    background-blend-mode: overlay;
    background-position: center -490px;
    padding-top: 26px;
}

.footer-copyright a {
   color: black;
   text-decoration: none;
}

a.parkway-sign {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    left: 5%;
}

a.parkway-sign img {
    display: block;
    position: relative;
    top: 5px;
}




/* Page */
/* Page */
/* Page */
/* Page */
/* Page */
/* Page */

div#content {
    background: #f7f7f7;
background: repeating-linear-gradient(
  -15deg,
  #f7f7f7,
  #f7f7f7 4px,
  #f5f5f5 4px,
  #f5f5f5 6px
);
}

div#page-content-centerer {
    width: 65%;
    margin: 0 auto;
    display: flex;
    border-left: 1px dashed lightgrey;
    border-right: 1px dashed lightgrey;
    background: white;
    box-shadow: 0px 0px 65px #00000014;
}

div#primary, section#primary {
    padding: 0 2em;
    width: 100%;
}

aside#secondary {
    padding: 2em 1em;
    border-left: 1px dashed lightgrey;
    margin: 0;
    flex-basis: 25%;
}


h1.page-entry-title {
    margin: 0;
    text-align: center;
    padding: 1.5em;
    font-family: 'GearedSlab', sans-serif;
    color: white;
    font-size: 5em;
    font-weight: normal;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000,
     0px 0px 5px rgba(0, 0, 0, 1);
}

h1.entry-title {
    font-family: 'GearedSlab', sans-serif;
    font-size: 2em;
    text-transform: uppercase;
}

p {
    margin-top: 0;
}

.entry-content {
    margin: 0;
}



/* Brews Pages */
/* Brews Pages */
/* Brews Pages */
/* Brews Pages */
/* Brews Pages */
/* Brews Pages */


.beer-meta p {
    margin: 0;
}

.beer-meta p span {
    font-weight: bold;
    text-transform: uppercase;
}



/* brews archive */

.beer-category {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.beer-category article {
    flex-basis: 31%;
    margin: .5%;
}

h2.brew-title {
    padding: .6em 0 .4em;
    text-align: center;
    background: #e9e9e9;
    font-size: 2em;
}

.page-template-brews-page-template .archive-description {
    margin-top: 2em;
    margin-bottom: 2em;
}

.page-template-brews-page-template main#main {
    padding-bottom: 2em;
}






/* Blog Page */
/* Blog Page */
/* Blog Page */
/* Blog Page */
/* Blog Page */
/* Blog Page */
/* Blog Page */
/* Blog Page */


.blog main#main {
    column-count: 3;
    column-gap: 1em;
    margin-top: 2em;
}

.blog main#main article {
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
    padding: 1em;
    font-size: .8em;
}

.blog main#main article h2 a {
    border: none;
}


/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */
/* Responsive */





.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    clear:both;
    top:2em;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




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

    .main-navigation a {
        padding: .2em .1em .06em;
    }

    .main-navigation ul ul {
        padding-left: .4em;
    }

    a.parkway-sign {
        width: 300px;
    }

}


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

div#instafeed a:link {
    flex-basis: 23%;
}

    .main-navigation a {
        font-size: 1.5em;
    }

    .main-navigation ul ul {
        top: 1em;
    }

    li.facebook, li.twitter, li.instagram {
        background-size: auto 173%;
    }

    li.facebook {
        background-position: 13% center;
    }

    li.twitter {
        background-position: 60% center;
    }

    li.instagram {
        background-position: 107% center;
    }

    div#can-section .inner {
        width: 90%;
        font-size: .9em;
    }

    div#page-content-centerer {
        width: 85%;
    }

    .footer-subscribe {
        font-size: 1.3em;
    }

.footer-info {
    font-size: 0.8em;
}

.footer-info h1 {
    padding-top: 1em;
}

.brewery-hours {
    padding-bottom: 2em;
    padding-left: 5em;
}

.footer-copyright {
    padding: 10px;
    padding-top: 13px;
}

.beer-buzz-post img {
    margin: -50% auto 1em;
}

}



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

    .main-navigation a {
        font-size: 1.3em;
    }

    .main-navigation ul ul {
        top: .62em;
    }

    li.facebook {
        width: 30px;
        background-position: 15% center;
    }

    li.twitter {
        width: 30px;
        background-position: 58% center;
    }

    li.instagram {
        width: 30px;
        background-position: 106% center;
    }

    div#can-section .inner {
        width: 90%;
        font-size: .8em;
    }

    div#can-section a {
        width: 175px;
    }

.left-of-can, .right-of-can {
    margin-top: -1em;
}

div#beer-buzz .inner {
    width: 100%;
    flex-wrap: wrap;
}

div#beer-buzz .inner .beer-buzz-post {
    flex-basis: 48%;
    margin-top: 9em !important;
}

div#beer-buzz h2:first-child {

    margin: 0 auto;
}



}


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

    .main-navigation a {
        font-size: 1.1em;
    }

    .main-navigation ul ul {
        top: .35em;
    }

    li.facebook {
        width: 24px;
        background-position: 15% center;
    }

    li.twitter {
        width: 24px;
        background-position: 58% center;
    }

    li.instagram {
        width: 24px;
        background-position: 106% center;
    }

    div#can-section .inner {
        width: 90%;
        font-size: .7em;
    }

    div#can-section a {
        width: 150px;
    }

    a.parkway-sign {
        width: 250px;
    }

.footer-subscribe {
    padding: 10px;
}

.footer-subscribe input {
    padding: 0;
}

label.footer-subscribe-text {
    line-height: 1em;
    text-align: right;
}

.footer-info h1 {
    margin: 0;
}

}


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

    a.home-logo img {
        top: 52px;
        width: 170px;
    }

    .menu-left-of-logo-container {
        padding-right: 70px;
    }

    .menu-right-of-logo-container {
        padding-left: 70px;
    }

    div#can-section a {
        width: 125px;
    }

    div#can-section .inner {
        font-size: .6em;
    }

    .left-of-can, .right-of-can {
        margin-top: -2em;
    }

.footer-info {
    font-size: 0.6em;
}

    a.parkway-sign {
        width: 225px;
    }

.main-navigation ul {
    display: block;
}

.blog main#main {
    column-count: 2;
}

}


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

    .main-navigation {
        position: absolute;
        top: 0;
        z-index: 200000;
    }

ul.sub-menu {
    border-width: 0px;
}

    .menu-left-of-logo-container {
        padding-right: 2px;
    }

    .menu-right-of-logo-container {
        padding-left: 2px;
    }

.footer-copyright {
    padding: 5px;
    padding-top: 10px;
    font-size: .75em;
}

h1.page-entry-title {
    padding: 1em .5em;
}
div#instagram {
    padding: 3em 1em;
}

div#featured-image {
    background-attachment: scroll !important;
}

div#about-section {
    background-attachment: scroll;
    padding: 2em;
}

div#beer-buzz .inner .beer-buzz-post {
    flex-basis: 48%;
    margin-top: 6em !important;
}

.left-of-can, .right-of-can {
    margin-top: 0em;
}

div#can-section {
    background: #f3f0d8;
    margin-bottom: -3.5em;
}

.beer-category article {
    flex-basis: 100%;
    margin-bottom: 2em;
}

a.the-brew {
    display: block;
    text-align: center;
}

a.the-brew div, a.the-brew h2 {
    text-align: center !important;
}

a.slideshow.slideshow-logo {
    padding: 10% 0 13%;
}

}

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

.main-navigation ul ul {
    top: 0;
    margin-top: 1em;
    padding-top: .2em;
}

.main-navigation ul ul a {
    line-height: 1em;
}

.footer-info {
    font-size: 0.5em;
}

    a.parkway-sign {
        width: 200px;
    }

.footer-subscribe {
    flex-wrap: wrap;
}

.footer-subscribe div {
    width: 100%;
}

label.footer-subscribe-text {
    display: none;
}

.footer-subscribe form {
    width: 100%;
}

input#subscribe-form-input {
    width: 100%;
    padding-left:1em;
}

input#search-form-input {
    width: 100%;
    padding-left:1em;
}

.footer-subscribe-form {
    margin-bottom: .5em;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: lightgrey;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: lightgrey;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: lightgrey;
}
input:-moz-placeholder { /* Firefox 18- */
  color: lightgrey;
}

.footer-info h1 span.line-1 {
    display: block;
    font-size: 1.5em;
    line-height: .85em;
    margin-bottom:.1em;
}

.footer-info h1 span.line-2 {
    font-size: 2.2em;
    line-height: .85em;
}

div#instafeed a:link {
    flex-basis: 46%;
}

div#tasting-room-section {
    padding: 2em;
    text-align: justify;
}

div#tasting-room-section .inner {
    width: 100%;
}

div#tasting-room-section h2 {
    text-align: center;
}

div#tasting-room-section .link-boxes {
    flex-wrap: wrap;
    text-align: center;
}

.link-boxes a {
    margin-bottom: .7em;
}

div#bottles {
    padding-bottom: 70%;
    background-attachment: scroll;
}

div#barrels {
    padding-bottom: 70%;
    background-attachment: scroll;
}

div#pilot-batch {
    padding-bottom: 70%;
    background-attachment: scroll;
}

div#brews h2:first-child {
    font-size: 1.7em;
    background-image: none;
    padding: .6em 2em;
    background-color: #ee2730;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

a.mullet-man {
    right: 0%;
}

a.mullet-man img {
    width: 73%;
    margin-left: 26%;
}

a.bx-prev {
    margin-left: -2.5em;
}

a.bx-next {
    margin-right: -2.5em;
}

div#beer-buzz .inner {
    width: 100%;
    flex-wrap: wrap;
}

div#beer-buzz .inner .beer-buzz-post {
    margin-top: 2em;
}

div#beer-buzz h2:first-child {
    background-image: none;
}

div#instagram h2 {
    font-size: 2.5em;
    line-height: 1.2em;
}

div#contact h2 span {
    margin-left: -.6em;
}

div#beer-buzz .inner .beer-buzz-post {
    flex-basis: 100%;
    margin-top: 8em !important;
}

}

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

.main-navigation div {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1em;
    margin-top:.1em;
}

.brewery-info {
    position: static;
    font-size: 2em;
}

.brewery-info ul {
    text-align: center;
}

.brewery-hours {
    font-size: 2em;
    padding-left: 0;
}

.footer-socials {
    text-align: center;
    background-position-y: center;
    background-position-x: center;
}

a.parkway-sign {
    display: none;
}

.footer-info h1 {
    margin: 0 1em;
}

.footer-copyright {
    padding: 5px;
    padding-top: 10px;
    font-size: 1em;
    line-height: 1em;
}

h1.entry-title {
    display: none;
}

div#primary, section#primary {
    padding: 1em;
}

li.facebook a, li.twitter a, li.instagram a {
    text-indent: 0px;    
}

li.facebook, li.twitter, li.instagram {
    width: initial;
    background-image: none;
    position: static;
}

div#page-content-centerer {
    width: 95%;
}

.alignleft {
    display: inline;
    float: none;
    margin: 0 auto;
    width: 100%;
}

div#slideshow img {
    display: block;
    margin: 0 auto;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: 175%;
}

a.slideshow {
    overflow: hidden;
}

div#can-section .inner {
    margin: 0 auto;
    width: 90%;
    flex-wrap: wrap;
    position: static;
    left: -2%;
}

a.the-bottle {
    position: relative;
    top: -40px;
    display: flex;
    align-items: center;
}

a.the-bottle img {
    display: block;
    margin: 0 auto;
    z-index:2;
    box-shadow: 0 0 0px 1px #00000038;
    margin-top:0px;
}

.left-of-can {
    margin-top: 2em;
    text-align: center;
    flex-basis: 100%;
}

.right-of-can {
    flex-basis: 100%;
    margin-top: 0;
    text-align: center;
}

div#can-section {
    margin-bottom: 0em;
}

a.slideshow.slideshow-logo {
    padding: 15% 0 13%;
}

a.slideshow.slideshow-logo img {
    width: 60%;
}

}

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

li.facebook, li.twitter, li.instagram {
    display:none;
}

nav#site-navigation {
    font-size: 1.4em;
    margin-top:.2em;
}

.main-navigation div {
    margin-top: 0;
    line-height: .8em;
}

.blog main#main {
    column-count: 1;
}

}


div#barrels {
    display: none;
}
div#contact {
    display: none;
}