.body {

     background-color:#4e4840;

     color:#ffffff;

 }

 /*UNIVERSAL STYLES*/

 .button1-large {

     padding:20px;

     font-family: "lato";

     text-transform: uppercase;

     font-size:0.6em;

     font-weight:bold;

     letter-spacing:2px;

     color:#ffffff;

     border:none;

     border-bottom:solid;

     border-left:solid;

     border-bottom-color:#d47900;

     border-left-color:#d47900;

     background-color:#ff9200;

 }

 .button1-large:hover {

     cursor:pointer;

     border-bottom-color:#8d5100;

     border-left-color:#8d5100;

     background-color:#d47900;

     text-decoration:none;

 }

 .button1-small {

    padding:10px;

    font-family: "lato";

    text-transform: uppercase;

    font-size:0.4em;

    font-weight:bold;

    letter-spacing:2px;

    color:#ffffff;

    border:none;

    border-bottom:solid;

    border-left:solid;

    border-bottom-color:#d47900;

    border-left-color:#d47900;

    background-color:#ff9200;

}

.button1-small:hover {

    cursor:pointer;

    border-bottom-color:#8d5100;

    border-left-color:#8d5100;

    background-color:#d47900;

}

 a {

     color:#ff9200;

 }

 a:hover {

 }

 /**********************/

 .header-bg {

     position:relative;

     z-index:2;

     background-image:url("../images/header-bgmobile.png");

     background-repeat:repeat-x;

     background-position:center;

     height:200px;

     width:100%;

 }

 .home-splash-bg {

     margin-top:-6px;

     background-image:url("../images/home-splash-bg1.jpg");

     background-size:cover;

     background-position:center;

     height:400px;

 }

 .home-splash-tagline {

     padding-top:20px;

 }

 .home-splash-tagline span{

     display:block;

     font-weight:bold;

     font-family: "Merriweather";

 }

 .nav-desktop-wrapper {

     display:none !important;

 }

 .nav-deskop-button a{

     color:#ffffff;

     text-decoration:none;

 }

 .nav-deskop-button a:hover{

     color:#ffffff;

     text-decoration:underline;

 }

 .woodbreak {

     position:relative;

     z-index:1;

     background-image:url("../images/woodbreak-bg.png");

     height:50px;

 }

 .welcome-bg {

     background-image:url("../images/welcomebg.jpg");

     background-size:cover;

     background-position:center;

     margin-top:-5px;

 }

 .welcome-bg .container .row div .display-4 {

     font-family: "Merriweather";

     font-weight:bold;

 }

 .newest-taps-wrapper{

     background-image:url("../images/chalk-board.gif");

     background-size:auto;

     padding:10px;

     width:100%;

     box-shadow: 0px 0px 8px #000000;

     

 }

 .single-tap-number {

     position:relative;

     display:inline-block;

     font-size:2.7rem;

     font-family:"CrayonCrumble";

     padding:0px 20px 0px 0px;

     top:-10px;

     text-align:center;

 }

 .single-tap-name-desc-wrapper {

     display:inline-block;

     padding-bottom:20px;

 }

   .single-tap-name {

     font-family:"CrayonCrumble";

     font-size:1.4rem;

     line-height:1.5rem;

 }

 .single-tap-name span{

     color:#ff9200;

 }

 .single-tap-desc {

     font-size:0.8rem;

 }

 .thirdsectionbg {

     background-image:url("../images/thirdsectionbg.jpg");

     margin-top:-3px;

 }

 .footer {

     background-image:url("../images/footer-bg.png");

     margin-top:-20px;

 }

 .single-event-mo {

     position:relative;

     font-size:0.9rem;

     font-family:"CrayonCrumble";

     padding:0px 20px 0px 0px;

     top:-10px;

     text-align:center;

 }

 .single-event-day {

     position:relative;

     font-size:2.5rem;

     line-height:2rem;

     font-family:"CrayonCrumble";

     padding:0px 20px 0px 0px;

     top:-10px;

     text-align:center;

 }

 .footer-copyright-wrapper{

     background-image:url("../images/chalk-board.gif");

     background-size:auto;

     padding:10px 10px 10px 20px;

     width:100%;

     box-shadow: 0px 0px 8px #000000; 

 }

 .footer-copyright-wrapper-but{

     background-image:url("../images/chalk-board.gif");

     background-size:auto;

     padding:10px 10px 10px 20px;

     width:100%;

     box-shadow: 0px 0px 0px #000000;

     

 }

 #mobileLogo {

     width:130px;

     padding-top:-15px;

 }

       #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {

   height: 23px;

   position: fixed;

     top:0px;

     left:0px;

   z-index:9999;

   margin: 15px 0px 0px 15px;

   -webkit-transform: rotate(0deg);

   -moz-transform: rotate(0deg);

   -o-transform: rotate(0deg);

   transform: rotate(0deg);

   -webkit-transition: .5s ease-in-out;

   -moz-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   cursor: pointer;

 }

 #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {

   display: block;

   position: absolute;

   height: 5px;

   width: 30px;

   background: #ffffff;

   border-radius: 9px;

   opacity: 1;

   left: 0;

   -webkit-transform: rotate(0deg);

   -moz-transform: rotate(0deg);

   -o-transform: rotate(0deg);

   transform: rotate(0deg);

   -webkit-transition: .25s ease-in-out;

   -moz-transition: .25s ease-in-out;

   -o-transition: .25s ease-in-out;

   transition: .25s ease-in-out;

 }

 #nav-icon3 span:nth-child(1) {

   top: 0px;

 }

 #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {

   top: 10px;

 }

 #nav-icon3 span:nth-child(4) {

   top: 20px;

 }

 #nav-icon3.open span:nth-child(1) {

   top: 18px;

   width: 0%;

   left: 50%;

 }

 #nav-icon3.open span:nth-child(2) {

   -webkit-transform: rotate(45deg);

   -moz-transform: rotate(45deg);

   -o-transform: rotate(45deg);

   transform: rotate(45deg);

 }

 #nav-icon3.open span:nth-child(3) {

   -webkit-transform: rotate(-45deg);

   -moz-transform: rotate(-45deg);

   -o-transform: rotate(-45deg);

   transform: rotate(-45deg);

 }

 #nav-icon3.open span:nth-child(4) {

   top: 18px;

   width: 0%;

   left: 50%;

 }

   .nav-mobilelinks-wrapper {

     z-index:3;

     background-image:url("../images/chalkboard-bg-large.jpg");

     top:-0px;

     position:fixed;

     width:100%;

     height:100vh;

     background-color:#25a0af;

     left:-100%;

     text-align:center;

     padding-top:95px;

     font-family:"CrayonCrumble";

     font-size:2.5rem;

 }

 .nav-mobilelinks-wrapper a{

     color:#ffffff;

 }

 .beer-splash-bg {

     margin-top:-6px;

     background-image:url("../images/beer-bg.jpg");

     background-size:cover;

     background-position:center;

 }

 .beer-list-bg {

     background-image:url("../images/chalkboard-bg-large.jpg");

     box-shadow: 0px 0px 8px #000000;

 }

 .beerphoto {

     background-color:#000000;

 }

 .beer-info-wrapper {

   }

 .beertitle {

     font-family:"CrayonCrumble";

     font-size:1.6rem;

     line-height:1.2rem;

     color:#ff9200;

 }

   .beertitle span{

     color:#ffffff;

 }

 .beerabv {

     font-family:"Lato";

     font-size:0.8rem;

     line-height:1rem;

 }

 .beerdesc {

     font-size:0.8rem;

 }

 .food-bg {

     background-image:url("../images/fabric-bg.jpg");

 }

 .food-bg .col img{

    width:320px;

 }

   .alltaps-single-wrapper {

     width:100%;

     border-radius:10px;

 }

 .allrecenttaps-single-wrapper {

     width:100%;

     border-radius:10px;

 }

 .alltaps-single-wrapper:hover {

     background-color:rgba(255, 146, 0, 0.2);

     cursor:pointer;

 }

 .allrecenttaps-single-wrapper:hover {

     background-color:rgba(255, 146, 0, 0.2);

     cursor:pointer;

 }

 .tr-recentbeers:hover {

     background-color:rgba(255, 146, 0, 0.2);

     cursor:pointer;

 }

 .nav-button-mobile a{

 text-decoration:none;

 }

 .recent-event-wrapper:hover {

     background-color:rgba(255, 146, 0, 0.2);

     cursor:pointer;

 }

 .recent-event-wrapper {

   background-color:#000000;

 }

 .month-title {

   font-family:"CrayonCrumble";

 font-size:3.0em;

 color:#ffffff;

 }

 .wpcf7-form p{



 }

 .socialmedia-icons-wrapper  {

    left:calc(100% - 150px);
    z-index:99999999;

 }

 form p label {

     display:block;

 }

 .sbi_header_link {

     display:none !important;

 }

 /*.wpcf7-form-control-wrap input{

    display: block;

    width: 100% !important;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

 }

 .wpcf7-form-control-wrap textarea{

    display: block;

    width: 100% !important;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

 }*/

 /* Extra small devices (portrait phones, less than 576px)

  No media query since this is the default in Bootstrap*/

   /* Small devices (landscape phones, 576px and up) */

   #sb_instagram.sbi_col_3 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_4 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_5 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_6 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_7 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_8 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_9 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_10 #sbi_images .sbi_item{

     width: 50%;

   }
#sb_instagram .sb_instagram_header {
    margin:0px !important;
}








 @media (min-width: 576px) {

   html {

     font-size: 1.0rem;

   }

   .home-splash-bg {

     height:500px;

   }

   .home-splash-tagline {

     padding-top:75px;

   }

   #mobileLogo {

     width:160px;

     padding-top:0px;

   }

   .food-bg .col img{

    width:320px;

   }

   #sb_instagram.sbi_col_3 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_4 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_5 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_6 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_7 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_8 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_9 #sbi_images .sbi_item,

   #sb_instagram.sbi_col_10 #sbi_images .sbi_item{

     width: 50%;

   }

 }

   /* Medium devices (tablets, 768px and up) */

 @media (min-width: 768px) { 

     .beertap-arrow {

         display:none;

     }

     #mobileLogo {

     width:180px;

     margin-top:-10px;

     }

     #desktop-logo {

       width:200px;

       margin-top:65px;

     }

     .month-title {

        font-family:"CrayonCrumble";

       font-size:5.0em;

       color:#ffffff;

     }

     #sb_instagram.sbi_col_3 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_4 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_5 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_6 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_7 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_8 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_9 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_10 #sbi_images .sbi_item{

       width: 33%;

     }

 }

   /* Large devices (desktops, 992px and up) */

 @media (min-width: 992px) {

     html {

         font-size: 1.2rem;

     }

     .home-splash-bg {

         height:600px;

     }

     .nav-mobile-wrapper {

         display:none !important;

     }

     .alltaps-single-wrapper {

         width:50%;

     }

     .allrecenttaps-single-wrapper {

         width:100%;

         border-radius:10px;

     }

     .nav-desktop-wrapper {

         display:flex !important;

         margin-top:-53px;

     }

     .nav-deskop-button {

         top:148px;

         color:#ffffff;

         font-size:1.0em;

         font-family: CrayonCrumble;

         text-transform:uppercase;

     }

     .header-bg {

         background-image:url("../images/header-bg.png");

     }

     .beertap-arrow {

         display:inline-block;

     }

     #mobileLogo {

     display:none;

     width:180px;

     margin-top:-10px;

     }

     .newest-taps-wrapper{

     padding:20px;

     }

     .socialmedia-icons-wrapper  {

        left:calc(100% - 180px);

     }

     #sb_instagram.sbi_col_3 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_4 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_5 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_6 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_7 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_8 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_9 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_10 #sbi_images .sbi_item{

       width: 20%;

     }

 }

   /* Extra large devices (large desktops, 1200px and up) */

 @media (min-width: 1200px) { 

     html {

       font-size: 1.3rem;

     }

     .nav-deskop-button {

         top:145px;

     }

     #sb_instagram.sbi_col_3 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_4 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_5 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_6 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_7 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_8 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_9 #sbi_images .sbi_item,

     #sb_instagram.sbi_col_10 #sbi_images .sbi_item{

       width: 16.6666666666667%;

     }

 }