*{
  margin: 0;
  padding: 0;
}
body{
  background-image: url('https://pub-4a2ea13e53a34e1697d767901021413e.r2.dev/gold-wall-tall.jpg');
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  overflow-x: hidden;
}
img{
  display: block;
  width: 100%;
}
li{
  list-style: none;
}
a{
  text-decoration: none;
}
/* FONTS */
  @font-face {
      font-family: 'billy-regular';
      src: url('../fonts/billy-regular.woff') format('woff'),
           url('../fonts/billy-regular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  @font-face {
      font-family: 'bligh';
      src: url('../fonts/bligh-regular.woff') format('woff'),
           url('../fonts/bligh-regular.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  @font-face {
      font-family: 'bligh-bold';
      src: url('../fonts/bligh-bold.woff') format('woff'),
           url('../fonts/bligh-bold.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'board-thick';
      src: url('../fonts/board-thick.woff') format('woff'),
           url('../fonts/board-thick.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'brush';
      src: url('../fonts/brush.woff') format('woff'),
           url('../fonts/brush.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'converse';
      src: url('../fonts/converse.woff') format('woff'),
           url('../fonts/converse.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'futura-book';
      src: url('../fonts/futura-book.woff') format('woff'),
           url('../fonts/futura-book.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'futura-medium';
      src: url('../fonts/futura-medium.woff') format('woff'),
           url('../fonts/futura-medium.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
/*SUP FONTS*/
   .sup-bligh{
      font-size: 14px;
   }
   .sup-bligh-chicken-tenders{
      font-size: 16px;
   }
   .lowercase{
    text-transform: lowercase;
   }

/*COLORS*/
    :root {
    --black: #312e2f;
    --gold: #ebab21;
    --red: #be5043;
    --white: #f8f7ec;
  }

/*STAR*/
  .star{
    color: #f8f7ec;
    position: absolute;
    font-size: 20px;
    text-align: center;
    width: 32px;
  }
  #star-1{
    left: 0;
    top:  0;
  }
  #star-2{
    right:  0;
    top:  0;
  }
  #star-3{
    bottom: 0;
    right:  0;
  }
  #star-4{
    bottom: 0;
    left: 0;
  }

/***OPEN TABLE***/
  .ot-title{
    background-color: green !important;
  }

/*LOAD*/
  .section-shrink{
      transform: scale(1);
      transition: .6s;
  }
  .section-shrink-toggle{
      transform: scale(.89);
      transition: .6s;
  }
  .header-dropdown-wrapper-toggle{
    transform: translateX(0%) !important;
    transition: .6s;
  }
  .page-wrapper-overlay-toggle{
    transform: translateX(0%) !important;
    transition: .6s;
  }
/*DISPLAY NONE*/
  .menu-org-img-mobile,
  .non-alcoholic-drink-detail-br,
  .its-down-there,
  .portrait-drink-br{
      display: none;
  }
/*SKIP TO CONTENT*/
  .skip-link {
    font-family: 'bligh', sans-serif;
    font-size: 14px;
    position: absolute;
    top: -140px;
    left: 5px;
    background: var(--gold);
    color: var(--black);
    padding: 8px;
    transform: translateY(0%);
    transition: .3s;
    z-index: 100000000;
  }
  .skip-link:focus {
    transform: translateY(145px);
    transition: .3s;
  }
  #main-content{
    position: absolute;
    top: -70px;
  }
/*HEADER*/
  .header-desktop{
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: .1s;
    width: 100%;
    z-index: 1000;
  }
  .header-desktop-subpage{
    background-image: url('../media/chalkboard-tall-wide.png'), linear-gradient(to bottom, #000, var(--black));
    border-bottom: .5px solid var(--white);
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    transition: .1s;
  }
  .header-desktop-container{
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 10px 20px;
    max-width: 1400px;
    width: calc(100% - 40px);
  }
  .header-logos{
    position: relative;
  }
  .header-logo{
    filter: drop-shadow(0 0 #000);
    margin-right: 20px;
    left: 0;
    position: absolute;
    top: -21px;
    width: 70px;
  }
  .header-logo-index-link{
    opacity: 1;
    transition: 1s;
    z-index: 1001;
  }
  .header-logo-index-link-toggle{
    opacity: 0;
    transition: .3s;
  }
  .header-logo-transparent{
    opacity: 1;
  }
  .header-logo-transparent-toggle{
    opacity: 0;
  }
  .header-logo-fixed{
    opacity: 0;
  }
  .header-logo-fixed-toggle{
    opacity: 1;
  }
  .header-logo-fixed-subpage{
    opacity: 1;
  }
  .header-links{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .header-links-ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .header-links-ul-links{
    margin-left: 90px;
    width: 600px;
  }
  .header-links-ul-socials{
    width: 225px;
  }
  .header-links li{
    position: relative;
  }
  .header-links-ul-links li::before{
    content: "";
    position: absolute;
    background-color: var(--red);
    bottom: 0;
    height: 1px;
    transition: .1s;
    width: 0%;
  }
  .header-links-ul-links li:hover::before{
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: .4s;
    width: 100%;
  }
  .header-links a{
    color: var(--white);
    display: block;
    font-family: 'bligh', sans-serif;
    font-size: 16px;
    height: 100%;
    margin-top: 3px;
    text-shadow: 1px 1px rgba(0, 0, 0, .9),
                 1px -1px rgba(0, 0, 0, .9),
                 -1px 1px rgba(0, 0, 0, .9),
                 -1px -1px rgba(0, 0, 0, .9),
                 0px 2px 1px rgba(0, 0, 0, .6),
                 0px 3px 2px rgba(0, 0, 0, .6);
    width: 100%;
  }
  #header-link-active a{
    color: var(--gold);
  }
  #header-link-active:hover::before{
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: .4s;
    width: 0%;
  }
  .header-tickets{
    background-color: var(--gold);
    border-radius: 5px;
    box-shadow: 0 5px 5px #000;
    box-sizing: border-box;
    margin-top: -3px;
    transition: .1s;
  }
  .header-tickets:hover{
    background-color: var(--white);
    transition: .1s;
  }
  .header-tickets a{
    display: block;
    height: 100%;
    color: var(--white);
    padding: 2px 20px 2px 20px;
    transition: .1s;
    width: 100%;
  }
  .header-tickets:hover a {
    color: var(--black);
    text-shadow: none;
    transition: .1s;
  }
  .header-logo-social-link{
    height: 20px;
    margin-top: 3px;
    width: 20px;
  }
  .header-logo-social{
    filter: drop-shadow(0 0 #000);
    left: 0;
    position: absolute;
    top: -4px;
    width: 100%;
  }
  .header-logo-social img{
    display: block;
    filter: drop-shadow(0px 3px rgba(0,0,0,.7));
    height: 20px;
    object-fit: contain;
    width: 20px;
  }
  .header-logo-social-red{
    opacity: 0;
    transition: .1s;
  }
  .header-logo-social-white{
    opacity: 1;
    transition: .1s;
  }
  .header-logo-social-fb:hover .header-logo-social-fb-red{
    opacity: 1;
    transition: .1s;
  }
  .header-logo-social-fb:hover .header-logo-social-fb-white{
    opacity: 0;
    transition: .1s;
  }
  .header-logo-social-ig:hover .header-logo-social-ig-red{
    opacity: 1;
    transition: .1s;
  }
  .header-logo-social-ig:hover .header-logo-social-ig-white{
    opacity: 0;
    transition: .1s;
  }
  .header-logo-social-tw:hover .header-logo-social-tw-red{
    opacity: 1;
    transition: .1s;
  }
  .header-logo-social-tw:hover .header-logo-social-tw-white{
    opacity: 0;
    transition: .1s;
  }
  .header-desktop-toggle{
    background-image: url('../media/chalkboard-tall-wide.png'), linear-gradient(to bottom, #000, var(--black));
    border-bottom: .5px solid var(--white);
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    transition: .1s;
  }
/*HEADER DROPDOWN*/
  .header-mobile-wrapper{
    display: none;
    height: 60px;
    left: 0%;
    position: fixed;
    top: 0;
    transition: .1s;
    width: 100%;
    z-index: 1000;
  }
  .header-mobile{
    align-items: center;
    display: flex;
    justify-content: flex-end;
    height: 60px;
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  .header-dropdown-burger-wrapper{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0 20px;
   }
   .header-dropdown-burger-wrapper:hover{
    cursor: pointer;
   }
   .header-dropdown-burger{
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 35px;
   }
   .patty{
      background-color: var(--white);
      height: 2px;
      position: absolute;
      transition: .45s;
      width: 100%;
   }
   .patty-1-a{
      top: -7px;
      visibility: visible;
   }
   .patty-1-b{
      top: 1px;
      transition: 0s;
      visibility: hidden;
   }
   .patty-1-toggle-a{
      transition: .2s;
      top: 1px;
      visibility: hidden;
   }
   .patty-1-toggle-b{
      transition: .355s;
      transition-delay: .3s;
      transform: rotate(45deg);
      visibility: visible;
   }
   .patty-2{
      top: 1px;
      opacity: 1;
      transition: 0s;
   }
   .patty-2-toggle{
      transition: 0s;
      transition-delay: 5;
      opacity: 0;
   }
   .patty-3-a{
      top: 9px;
      visibility: visible;
   }
   .patty-3-b{
      top: 1px;
      transition: 0s;
      visibility: hidden;
   }
   .patty-3-toggle-a{
      transition: .2s;
      top: 1px;
      visibility: hidden;
   }
   .patty-3-toggle-b{
      transition: .355s;
      transition-delay: .3s;
      transform: rotate(-45deg);
      visibility: visible;
   }
   .patty-3-toggle{
      top: 1px
   }
    .header-dropdown-wrapper{
      align-items: center;
      background-color: #000;
      background-image: url('../media/chalkboard-tall-wide.png'), linear-gradient(to bottom, #000, var(--black));
      box-shadow: 10px 0 5px rgba(0,0,0,.7);
      display: flex;
      height: 100%;
      min-height: 100vh;
      left: 0%;
      position: absolute;
      top: 0;
      transform: translateX(-120%);
      transition: .5s;
      width: 75%;
      z-index: 10000 !important;
    }
    .header-dropdown-container{
      height: calc(100vh - 40px);
      margin: 20px;
      position: relative;
      width: calc(100% - 40px);
    }
    .header-dropdown-container::before{
      content:"";
      position: absolute;
      background-image: linear-gradient(to right, transparent, #f8f7ec 20%, transparent, #f8f7ec 90%, transparent);
      height: 1px;
      left: 0;
      top: 0;
      width: 100%;
    }
    .header-dropdown-container::after{
      content:"";
      position: absolute;
      background-image: linear-gradient(to right, transparent, #f8f7ec 20%, transparent, #f8f7ec 90%, transparent);
      bottom: 0;
      height: 1px;
      left: 0;
      width: 100%;
    }
    .header-dropdown-star{
      color: var(--white);
      font-size: 18px;
      position: absolute;
    }
    #header-dropdown-star-1{
      left: 15px;
      top: 10px;
    }
    #header-dropdown-star-2{
      right: 15px;
      top: 10px;
    }
    #header-dropdown-star-3{
      left: 15px;
      bottom: 10px;
    }
    #header-dropdown-star-4{
      right: 15px;
      bottom: 10px;
    }
    .header-dropdown-container-two{
      height: 100%;
      position: relative;
      width: 100%;
    }
    .header-dropdown-container-two::before{
      content:"";
      position: absolute;
      background-image: linear-gradient(to bottom, transparent, #f8f7ec 20%, transparent, #f8f7ec 90%, transparent);
      height: 100%;
      left: 0;
      top: 0;
      width: 1px;
    }
    .header-dropdown-container-two::after{
      content:"";
      position: absolute;
      background-image: linear-gradient(to bottom, transparent, #f8f7ec 20%, transparent, #f8f7ec 90%, transparent);
      bottom: 0;
      height: 100%;
      right: 0;
      width: 1px;
    }
    .header-dropdown-content{
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      height: calc(100% - 40px);
      padding: 20px;
      position: relative;
      width: calc(100% - 40px);
    }
    .header-dropdown-content-bkg{
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      left: 0;
      opacity: .05;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1;
    }
    .header-dropdown-content-bkg-container{
      width: 70%;
    }
    .header-dropdown-logo{
      width: 250px;
    }
    .header-dropdown-logo img{
      filter: drop-shadow(0px 5px rgba(0,0,0,.7));
    }
    .header-dropdown-links{
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin: 20px 0;
    }
    .header-dropdown-links li{
      margin: 8px 0;
    }
    #header-dropdown-link-tickets{
      background-color: var(--gold);
      border-radius: 5px;
      box-shadow: 0 5px 5px #000;
      box-sizing: border-box;
      padding: 6px 20px 2px 20px;
    }
    .header-dropdown-links a{
      color: var(--white);
      font-family: 'bligh-bold', sans-serif;
      font-size: 18px;
      text-shadow: 1px 1px rgba(0, 0, 0, .9),
                 1px -1px rgba(0, 0, 0, .9),
                 -1px 1px rgba(0, 0, 0, .9),
                 -1px -1px rgba(0, 0, 0, .9),
                 0px 2px 0px var(--red);
    }
    .header-dropdown-socials{
      display: flex;
      justify-content: space-between;
      width: 150px;
    }
    .header-dropdown-social{
      display: block;
      width: 25px;
    }
    .header-dropdown-social img{
      filter: drop-shadow(0px 2px var(--red));
    }
    .header-dropdown-info{
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: 20px;
      width: 100%;
    }
    .header-dropdown-info li{
      margin: 3px 0;
    }
    .header-dropdown-info a{
      color: var(--white);
      display: block;
      font-family: 'bligh', sans-serif;
      text-shadow: 1px 1px rgba(0, 0, 0, .9),
                 1px -1px rgba(0, 0, 0, .9),
                 -1px 1px rgba(0, 0, 0, .9),
                 -1px -1px rgba(0, 0, 0, .9),
                 0px 1px 0px var(--gold);
      margin: 3px 10px 0 10px;
      text-align: center;
      width: 100%;
    }
    .header-dropdown-info-option{
      align-items: center;
      display: flex;
      justify-content: center;
    }
    .header-dropdown-info-option-music-notes{
      max-height: 18px;
      width: 30px;
    }
    .header-dropdown-info-option-music-notes img{
      height: 18px;
      object-fit: contain;
      width: 30px;
    }
/*POP UP*/
  .homepage-pop-up{
    background-color: rgba(0,0,0,.8);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    animation: homepage-pop-up-closed-ani .5s 2s linear forwards;
  }
  .homepage-pop-up-toggle{
    animation: homepage-pop-up-closed-ani-2 .3s linear forwards;
  }
  .homepage-pop-up-container{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
  .homepage-pop-up-image{
    border: 2px solid var(--white);
    box-shadow: 0 0 20px 10px var(--black);
    position: relative;
    width: 60%;
  }
  .homepage-pop-up-closed{
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
  }
  .homepage-pop-up-closed span{
    border: 1px solid var(--white);
    border-radius: 5px;
    color: var(--white);
    font-family: 'billy-regular', sans-serif;
    font-size: 18px;
    padding: 5px 10px;
    transition: .2s;
  }
  .homepage-pop-up-closed span:hover{
    background-color: #f7f7ec;
    color: #312e2f;
    cursor: pointer;
    transition: .2s;
  }
  @keyframes homepage-pop-up-closed-ani{
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }
  @keyframes homepage-pop-up-closed-ani-2{
    0%{
      opacity: 1;
      visibility: visible;
    }
    100%{
      opacity: 0;
      visibility: hidden;
    }
  }
/*PAGE*/
  .page-wrapper{
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
/*TICKETWEB POPUP*/
  .ticketweb-popup{
    background-color: var(--black);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    transform: translateY(100%);
    width: 100%;
    z-index: 999999999999999;
    animation: ticketWebEntry .5s 3s forwards;
  }
  @keyframes ticketWebEntry{
    0%{
      transform: translateY(100%);
    }
    100%{
      transform: translateY(0%);
    }
  }
  @keyframes ticketWebExit{
    0%{
      transform: translateY(0%);
    }
    100%{
      transform: translateY(100%);
    }
  }
  .ticketweb-exit{
    animation: ticketWebExit .5s forwards;

  }
  .ticketweb-popup-container{
    align-items: center;
    color: #f8f7ec;
    display: flex;
    font-family: 'bligh', sans-serif;
    padding: 10px 20px;
    text-align: center;
  }
  .ticketweb-x{
    align-items: center;
    background-color: var(--black);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #f8f7ec;
    cursor: pointer;
    display: flex;
    font-family: 'billy-regular', cursive;
    font-size: 14px;
    justify-content: center;
    margin-left: 10px;
    padding: 5px 10px;
    transition: .2s;
  }
  .ticketweb-x:hover{
    background-color: var(--white);
    color: var(--black);
    transition: .2s;
  }
  .page-wrapper-overlay{
    background-image: linear-gradient(to right, transparent, #000);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateX(100%);
    transition: .5s;
    width: 100%;
    z-index: 10;
  }
  .parallax-container {
    position: relative;
    height: 100vh;
    z-index: 1;
  }
  .parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0);
    will-change: transform;
    z-index: 1;
  }
/*CONTENT WRAPPER*/
  .content-wrapper{
    margin: 115px auto 0 auto;
    max-width: 1258px;
    width: calc(100% - 20px);
  }
/*JUMBOTRON*/
  .jumbotron{
    background-color: var(--black);
    border: 4px solid var(--red);
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    height: 550px;
    margin-bottom: 40px;
    margin-top: -4px;
    overflow-x: hidden;
    width: calc(100% + 8px);
  }
  .jumbotron-container{
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .jumbotron-logo-wrapper{
    background-image: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.2));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .jumbotron-logo{
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 auto;
    justify-content: center;
    max-width: 600px;
    padding: 0 20px;
    width: calc(100% - 40px);
  }
  .jumbotron-logo img{
    filter: drop-shadow(0 4px 1px #000) drop-shadow(0 5px 3px rgba(0,0,0,.7));
    width: 100%;
  }
  .jumbotron-slides{
    height: 100%;
    position: relative;
    width: 100%;
  }
  .jumbotron-slide{
    height: 100%;
    width: 100%;
  }
  .jumbotron-slide img{
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  #jumbotron-slide-2{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }
  .slick-slider .slick-track,
  .slick-slider .slick-list{
    height: 100%;
  }
/*UPCOMING LIVE ENTERTAINMENT*/
  .upcoming-live-wrapper{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1300px;
    position: relative;
    width: 100%;
  }
  .upcoming-live{
    height: 400px;
    width: 900px;
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
   }
  .upcoming-live-main{
    background-color: var(--black);
    border: 1px solid #fff;
    height: calc(100% - 2px) !important;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .upcoming-live-main::after{
    content: "";
    position: absolute;
    background-image: linear-gradient(to right, transparent, #f8f7ec 20%, transparent, #f8f7ec 90%, transparent);
    height: 1px;
    margin: 0 auto;
    left: 0;
    right: 20px;
    bottom: 10px;
    width: calc(100% - 20px);
    z-index: 10;
   }
  .upcoming-live-main::before{
    content: "";
    position: absolute;
    background-image: linear-gradient(to right, #f8f7ec 20%, transparent, #f8f7ec 90%);
    height: 1px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 10px;
    width: calc(100% - 22px);
    z-index: 10;
   }
  .upcoming-live-main-progress-bar {
    position: absolute;
    background-color: #ebab21;
    bottom: 0;
    height: 5px;
    left: 0;
    width: 0%;
    z-index: 10;
  }
  .progress-animation {
    animation: upcoming-live-main-progress-bar-ani 10s linear;
  }
  @keyframes upcoming-live-main-progress-bar-ani {
    0% {
        height: 5px;
        width: 0%;
    }
    95% {
        height: 5px;
        width: 100%;
    }
    100% {
        height: 0px;
        width: 100%;
    }
  }
  .upcoming-live-event-overlay{
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: 'bligh', sans-serif;
    left: 20px;
    padding: 10px;
    position: absolute;
    bottom: 20px;
    text-transform: uppercase;
    z-index: 11;
    text-shadow: 1px 2px #000,
                 1px -1px 1px #000,
                 -1px 1px 1px #000, 
                 -1px -1px 1px #000;
   }
   .upcoming-live-event-overlay-container{
    display: flex;
    flex-direction: column;
   }
  .upcoming-live-event-drop-shadow{
    filter: drop-shadow(0px 1.2px #BE5043);
   }
  .upcoming-live-event-date{
      margin: 8px 0;
   }
  .upcoming-live-event-buttons{
      align-items: center;
      display: flex;
      justify-content: flex-start;
      margin-top: 10px;
      text-shadow: none;
      width: 350px;
   }
   .upcoming-live-event-button{
     align-items: center;
     background-color: #BE5043;
     border: 1px solid #000;
     border-radius: 5px;
     box-shadow: 0 5px 2px 1px #000;
     color: #f8f7ec;
     display: flex;
     font-family: 'bligh', cursive;
     font-size: 16px;
     height: 32px;
     justify-content: center;
     margin: 0;
     padding-top: 1px;
     text-transform: uppercase;
     transition: .1s;
     width: 130px;
  }
  .upcoming-live-event-button-tickets{
    margin: 0 10px 0 0;
  }
  .upcoming-live-event-button-span{
    text-shadow: 1px 1px rgba(0, 0, 0, .9),
                 1px -1px rgba(0, 0, 0, .9),
                 -1px 1px rgba(0, 0, 0, .9),
                 -1px -1px rgba(0, 0, 0, .9),
                 0px 2px 1px rgba(0, 0, 0, .6),
                 0px 3px 2px rgba(0, 0, 0, .6);
    transform: translateY(0px);
    transition: .1s;
  }
  .upcoming-live-event-button:hover{
     background-color: #f8f7ec;
     box-shadow: none;
     color: #312e2f;
  }
  .upcoming-live-event-button:hover .upcoming-live-event-button-span{
    filter: none;
    text-shadow: none;
    transition: .1s;
  }
   .upcoming-live-event-artist{
    display: inline-block;
    font-family: 'bligh-bold', sans-serif;
    height: 21px;
    line-height: 26px;
    font-size: 28px;
    margin-bottom: 5px;
   }
   .upcoming-live-event-artist-opener{
    display: inline-block;
    font-family: 'bligh-bold', sans-serif;
    height: 21px;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 5px;
   }
  .upcoming-live-event-button-images{
     height: 15px;
     position: relative;
     margin-right: 10px;
     width: 20px;
  }
  .upcoming-live-event-button-image{
     align-items: center;
     display: flex;
     filter: drop-shadow(0px 2px 1px rgba(0,0,0,.6));
     height: 100%;
     justify-content: center;
     left: 0;
     position: absolute;
     top: -2px;
     transition: .1s;
     width: 100%;
  }
  .upcoming-live-event-button-image-top{
     z-index: 1;
     transition: .1s
  }
  .upcoming-live-event-button:hover .upcoming-live-event-button-image-top{
     opacity: 0;
     transition: .2s;
  }
  .upcoming-live-event-button-image-bottom{
     filter: drop-shadow(0px 2px 1px var(--white));
     transition: .1s;
     z-index: 0;
  }
  .upcoming-live-event-button:hover .upcoming-live-event-button-image-bottom{
    top: -1px;
  }
  .upcoming-live-event-button-image img{
    height: 100%  ;
    max-height: 15px;
    max-width: 20px;
    object-fit: contain;
    width: 100%;
  }
  .upcoming-live-event-button-tickets{
    background-color: #ebab21;
    color: #f8f7ec;
  }
  .upcoming-live-main-event-image{
    height: 400px;
    width: 100%;
  }
  .upcoming-live-main-event-image::after{
    content: "";
    position: absolute;
    background-image: linear-gradient(to bottom, #f8f7ec, transparent 70%, #f8f7ec, transparent);
    height: calc(100% - 18px);
    left: 9px;
    top: 9px;
    width: 1px;
    z-index: 10;
  }
  .upcoming-live-main-event-image::before{
    content: "";
    position: absolute;
    background-image: linear-gradient(to bottom, #f8f7ec 30%, transparent 80%, #f8f7ec, transparent);
    height: calc(100% - 18px);
    right: 10px;
    top: 9px;
    width: 1px;
    z-index: 10;
  }
  .upcoming-live-main-event-image img {
    display: block;
    object-fit: cover;
    object-position: top;
    height: 100%;
    width: 100%;
  }

  .upcoming-live-main-image-animation {
    animation: upcoming-live-main-event-image-img 8s ease-out forwards;
  }


@keyframes upcoming-live-main-event-image-img {
    0% {
        transform: scale(1.2);
    }
    90% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.0);
    }
}
  .upcoming-live-next-wrapper{
    height: 402px;
    margin-left: 20px;
    width: 100%;
  }
  .upcoming-live-next{
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: 100%;
  }
  .upcoming-live-next-title{
    background-color: #312e2f;
    background-image: url('https://imagedelivery.net/JUQv5yuQRNtNvw0Af5BCJw/96d6ea4d-139a-43b9-71dc-72989059d100/public');
    background-size: cover;
    border: 1px solid #f8f7ec;
    box-shadow: 0 6px 5px rgba(0,0,0,.7);
    display: block;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
    width: calc(100% - 2px);
  }
  .upcoming-live-next-title-container{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
  }
  .upcoming-live-upcoming-entertainment {
    color: #f8f7ec;
    font-family: 'billy-regular', cursive;
    font-size: 24px;
    text-shadow:
        1px 1px rgba(49, 46, 47, 1),
        -1px 1px rgba(49, 46, 47, 1),
        0 0 3px #BE5043,
        0 0 6px #BE5043,
        0 0 12px #BE5043,
        0 0 18px #ebab21,
        0 0 25px #ebab21,
        0 0 35px #f8f7ec,
        0 0 45px #f8f7ec,
        0 0 55px #312e2f;
}
  .upcoming-live-next-slides {
    display: flex;
    height: 290px;
    max-height: 290px;
    margin: -5px auto 0 auto;
    overflow: hidden;
    width: 100%;
  }
  .upcoming-live-next-slides .slick-list{
    margin-top: -246px !important;
  }
  .upcoming-live-next-slide{
    border: 2px solid #D0CCC1 !important;
    border-bottom-color: #D1CDC2;
    border-left-color: #9E9B93;
    border-right-color: #9E9B93;
    border-top-color: #52504C;
    box-shadow: 0 6px 5px rgba(0,0,0,.7);
    box-sizing: border-box;
    height: 88px !important;
    margin-bottom: 10px; 
    overflow: hidden;
    position: relative;
    transition: .1s;
    width: 100%;
  }
  .upcoming-live-next-slide:hover{
    border-color: var(--gold) !important;
    cursor: pointer;
    transition: .1s;
  }
  .upcoming-live-next-slide-image img{
    height: 100% !important;
    object-fit: cover;
    width: 100%;
  }
  .upcoming-live-next-slide-image-not-desktop{
    display: none;
  }
  .upcoming-live-next-slide-box-info{
    position: absolute;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: calc(100% - 10px);
    justify-content: space-between;
    left: 5px;
    top: 5px;
  }
  .upcoming-live-next-slide-box-info-date{
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: 'billy-regular', cursive;
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, .6));
    text-shadow: 1px 1px rgba(0, 0, 0, .9), 1px -1px rgba(0, 0, 0, .9), -1px 1px rgba(0, 0, 0, .9), -1px -1px rgba(0, 0, 0, .9);
  }
  .upcoming-live-next-slide-box-info-date-detail{
    line-height: 1;
  }
  .upcoming-live-next-slide-box-info-date-month{
    color: #BE5043;
    font-size: 18px;
  }
  .upcoming-live-next-slide-box-info-date-day{
    color: #f8f7ec;
    font-size: 22px;
  }
  .upcoming-live-next-slide-box-info-artist{
    color: #f8f7ec;
    display: flex;
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, .6));
    font-family: 'bligh-bold', cursive;   
    line-height: .6; 
    text-shadow: 1px 1px rgba(0, 0, 0, .9), 1px -1px rgba(0, 0, 0, .9), -1px 1px rgba(0, 0, 0, .9), -1px -1px rgba(0, 0, 0, .9);
  }
  .upcoming-live-next-slide-box-info-artist-plus{
    margin: 0 5px;
  }
  .upcoming-live-next-box-view-more{
    align-items: center;
    background-color: #BE5043;
    background-image: url('https://imagedelivery.net/JUQv5yuQRNtNvw0Af5BCJw/96d6ea4d-139a-43b9-71dc-72989059d100/public');
    background-size: cover;
    border: 1px solid #ebab21;
    box-shadow: 0 6px 5px rgba(0,0,0,.7);
    box-sizing: border-box; 
    height: 48px;
    display: flex; 
    justify-content: center;
    margin-top: -5px;
    transition: .1s;
    width: 100%;
  }
  .upcoming-live-next-box-view-more:hover{
    background-position: 100% 100%;
    transition: 3s;
  }
  .upcoming-live-next-box-view-more-span{
    background: linear-gradient(to bottom, #f8f7ec 40%, #ebab21 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, .6))  drop-shadow(0px -2px 1px rgba(0, 0, 0, .3)) drop-shadow(2px 0px 1px rgba(0, 0, 0, .3)) drop-shadow(-2px 0 1px rgba(0, 0, 0, .3)); 
    font-family: 'bligh', sans-serif;
    font-size: 18px;
    margin-top: 4px;
  }
  .upcoming-live-upcoming-entertainment-view-more{
    text-align: center;
  }
/*SOCIALS*/
  .socials{
    background-color: var(--black);
    border: 4px solid var(--red);
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    display: flex;
    background-image: url('https://imagedelivery.net/JUQv5yuQRNtNvw0Af5BCJw/96d6ea4d-139a-43b9-71dc-72989059d100/public');
    height: auto;
    justify-content: space-between;
    margin: 40px -4px 40px -4px;
    width: calc(100% + 8px);
  }
  .socials-container{
    height: calc(100% - 40px);
    margin: 0 auto;
    padding: 20px;
    width: 1168px;
  }
  .socials-content{
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .socials-content-section{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .socials-content-top{
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
  }
  .socials-title{
  }
  .socials-title h2{
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .socials-title-top{
    color: var(--white);
    filter: drop-shadow(0 0 1px #000) drop-shadow(1.8px 1.8px #BE5043);
    font-size: 50px;
    font-family: 'billy-regular', cursive;
    text-shadow: 1px -1px var(--black),
                   -1px 1px var(--black),
                   1px 1px var(--black),
                   -1px -1px var(--black);
  }
  .socials-title-bottom,
  .socials-title-middle{
    color: var(--gold);
    font-family: 'bligh-bold', sans-serif;
    text-shadow: 1px -1px var(--black),
                   -1px 1px var(--black),
                   1px 1px var(--black),
                   -1px -1px var(--black);
  }
  .socials-content-bottom{
    height: 101px;
    padding-top: 12px;
  }
  .socials-content-socials{
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .socials-content-socials-container{
    display: flex;
    justify-content: space-between;
    width: 180px;
  }
  .socials-content-socials-logo{
    align-items: center;
    display: flex;
    height: 35px;
    justify-content: center;
    width: 35px;
  }
  .socials-content-socials-logo img{
    height: 100%;
    width: 100%;
  }
  .socials-newsletter{
    width: 572px;
  }
  .socials-feed{
    margin-top: 20px;
    width: 100%;
  }
/*SPECIALS*/
  .specials{
    background-size: 50%;
    height: auto;
    margin: 0 auto;
    width: 1300px;
  }
  .specials-section{
    background-color: var(--black);
    background-image: url('https://imagedelivery.net/JUQv5yuQRNtNvw0Af5BCJw/e2001876-42a9-44a0-976c-7a1cec10d300/public');
    border: 4px solid #D0CCC1;
    border-bottom-color: #D1CDC2;
    border-left-color: #9E9B93;
    border-right-color: #9E9B93;
    border-top-color: #52504C;
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    box-sizing: border-box;
    height: 100%;
  }
  .specials-section-top{
    width: 100%
  }
  .specials-container{
    height: calc(100% - 30px);
    margin: 0 auto;
    padding: 20px;
    position: relative;
    width: 60%;
  }
  .specials-title{
    color: var(--white);
    filter: drop-shadow(0px 0px 2px #000);
    font-family: 'converse', sans-serif;
    font-size: 36px;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 1px -1px var(--black),
                -1px 1px var(--black),
                 1px 1px var(--black),
                -1px -1px var(--black);
  }
  .specials-days{
    display: flex;
    height: calc(100% - 80px);
    justify-content: space-between;
    width: 100%;
  }
  .specials-days-column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
  }
  .specials-day{
    color: var(--white);
    filter: drop-shadow(0px 0px 2px #000);
    font-family: 'converse', sans-serif;
    font-size: 20px;
    margin: 10px 0;
    text-shadow: 1px -1px var(--black),
                -1px 1px var(--black),
                 1px 1px var(--black),
                -1px -1px var(--black);
  }
  .every-day-special{
    color: var(--gold);
  }
  .specials-day-items-item-wrapper{
    align-items: center;
    display: flex;
    font-family: 'board-thick', sans-serif;
    font-size: 16px;
    width: 100%;
  }
  .specials-day-items-item{
    margin-left: 20px;
    position: relative;
  }
  .specials-day-items-item-bullet{
    height: 14px;
    margin: -3px 10px 0 0;
    width: 12px;
  }
  .specials-day-items-item-bullet img{
    height: 14px;
    min-height: 100%;
    min-width: 100%;
    object-fit: contain;
    width: 12px;
  }
  .specials-section-bottom{
    width: 450px;
  }
  .daily-special-gold{
    color: var(--gold);
  }
  .todays-specials-wrapper{
    display: flex;
    flex-direction: column;
    height: calc(100% - 120px);
    justify-content: space-between;
    margin-top: -10px;
  }
  .todays-specials{
    height: 100%;
  }
  .todays-specials-section{
    height: 100%;
  }
  .todays-specials-day{
    align-items: flex-start;
    color: var(--gold);
    display: flex;
    flex-direction: column;
    font-family: 'converse', sans-serif;
    font-size: 28px;
    justify-content: center;
    text-align: center;
  }
  .todays-specials-day-happy-day{
    margin-top: 50px;
  }
  .todays-specials-day-happy-hours{
    font-size: 20px;
  }
  .todays-specials-day-items{
    align-items: center;
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  .todays-specials-day-item{
    align-items: center;
    color: var(--white);
    display: flex;
    font-family: 'board-thick', sans-serif;
    font-size: 22px;
    justify-content: flex-start;
    margin: 0 0 10px 0;
    width: 100%;
  }
  .todays-specials-day-item-item{
    align-items: center;
    display: flex;
    filter: drop-shadow(0 0 1px #000) drop-shadow(0px 0px 2px var(--gold));
    flex-direction: column;
    text-shadow: 1px -1px var(--black),
                -1px 1px var(--black),
                 1px 1px var(--black),
                -1px -1px var(--black);
  }
  .todays-specials-day-item-image{
    filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 2px #000);
    height: 40px;
    margin-right: 20px;
    min-width: 60px;
    width: 60px;
  }
  .todays-specials-day-item-image-beer-stein{
    height: 70px;
    min-height: 70px;
  }
  .todays-specials-day-item-image-notes-stars{
    height: 40px;
    min-height: 40px;
  }
  .todays-specials-day-item-image-questionable-decisions{
    height: 70px;
    min-height: 70px;
  }
  .todays-specials-day-item-image img{
    height: 100%;
    object-fit: contain;
    width: 100%;
  }
  .todays-specials-button{
    background-color: rgba(0,0,0,.0);
    background-image: url('../media/chalkboard-tall-wide.png');
    background-position: 100% 0%;
    background-size: cover;
    border: 2px solid var(--gold);
    display: block;
    color: var(--gold);
    filter: drop-shadow(0 0 2px #000);
    font-family: 'converse', sans-serif;
    font-size: 18px;
    padding: 10px 0 2px 0;
    text-align: center;
    text-shadow: 1px -1px var(--black),
                -1px 1px var(--black),
                 1px 1px var(--black),
                -1px -1px var(--black);
    transition: .2s;
  }
  .todays-specials-button:hover{
    background-color: rgba(0,0,0,1);
    background-position: 100% 60%;
    border-color: var(--red);
    color: var(--white);
    transition: 3s;
  }
  #view-our-full-menu{
    margin: 0 auto 20px auto;
    width: calc(100% - 40px);
  }
/*HOMEPAGE BOXES*/
  .homepage-boxes-wrapper{
    background-color: var(--black);
    border: 4px solid var(--red);
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    display: flex;
    background-image: url('../media/chalkboard-tall-wide.png');
    justify-content: space-between;
    position: relative;
    margin: 40px -4px 40px -4px;
    width: calc(100% + 8px);
  }
  .homepage-boxes-container{
    height: 100%;
    margin: 20px auto;
    padding: 20px;
    width: 1300px;
  }
  .homepage-boxes{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 1170px;
  }
  .homepage-box{
    border: 2px solid var(--gold);
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    margin-bottom: 50px;
    position: relative;
    width: 350px;
  }
  .homepage-box-posters{
    border-bottom: 1px solid var(--white);
    position: relative;
    width: 100%;
    z-index: 1;
  }
  .homepage-box-poster{
    position: relative;
    width: 100%;
    z-index: 1;
  }
  .homepage-box-poster img{
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .homepage-box-square{
    height: 350px;
    width: 350px;
  }
  .homepage-box-portrait{
    display: none;
  }
  .homepage-box-poster:after{
   content: "";
   position: absolute;
   background-image: linear-gradient(to right, transparent, #f8f7ec 20%, transparent, #f8f7ec 90%, transparent);
   height: 1px;
   left: 10px;
   bottom: 10px;
   width: calc(100% - 20px);
   z-index: 1;
  }
  .homepage-box-poster:before{
   content: "";
   position: absolute;
   background-image: linear-gradient(to right, #f8f7ec, transparent, #f8f7ec 90%, transparent);
   height: 1px;
   left: 10px;
   top: 10px;
   width: calc(100% - 20px);
   z-index: 1;
  }
  .homepage-box-poster-container{
   height: 100%;
   position: relative;
   width: 100%;
  }
  .homepage-box-poster-container:after{
   content: "";
   position: absolute;
   background-image: linear-gradient(to bottom, #f8f7ec, transparent 70%, #f8f7ec, transparent);
   height: calc(100% - 20px);
   left: 10px;
   bottom: 10px;
   width: 1px;
  }
  .homepage-box-poster-container:before{
   content: "";
   position: absolute;
   background-image: linear-gradient(to bottom, transparent, #f8f7ec, transparent 30%, #f8f7ec, transparent);
   height: calc(100% - 20px);
   right: 10px;
   top: 10px;
   width: 1px;
  }
  .homepage-box-content{
    background-color: #000;
    background-image: url('https://imagedelivery.net/JUQv5yuQRNtNvw0Af5BCJw/e9d39e99-168c-4c14-0201-049ee50b8000/public');
    background-size: cover;
    box-sizing: border-box;
    height: 400px;
    width: 100%;
    z-index: 0;
}
  .homepage-box-content-container{
    align-items: center;
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 10px;
    width: calc(100% - 20px);
  }
  .homepage-box-content-title{
    text-align: center;
    background: linear-gradient(to bottom, #f8f7ec 40%, #ebab21 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-family: 'bligh-bold', sans-serif;
    filter: drop-shadow(0 0 2px #000);
    font-size: 32px;
  }
  .homepage-box-content-title-span{
    background: linear-gradient(to bottom, #f8f7ec 40%, #ebab21 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-family: 'bligh-bold', sans-serif;
  }
  .mobile-title{
    display: none;
  }
  .homepage-box-content-blurb{
    color: var(--white);
    font-family: 'bligh', sans-serif;
    font-size: 17px;
    margin: 10px 0;
    text-align: center;
  }

  .homepage-box-content-cta{
    background-color: var(--red);
    border: 1px solid var(--gold);
    border-radius: 5px;
    box-shadow: 0 6px 5px rgba(0,0,0,.7);
    color: var(--white);
    font-size: 16px;
    text-align: center;
    padding: 10px 5px 5px 5px;
    transition: .1s;
    width: calc(100% - 20px);
  }
  .homepage-box:hover .homepage-box-content-cta{
    background-color: #f8f7ec;
    box-shadow: none;
    color: #312e2f;
    transition: .1s;
  }
  .homepage-box-content-cta-text{
    display: block;
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, .6));
    font-family: 'bligh', sans-serif;
    text-shadow: 1px 1px rgba(0, 0, 0, .9),
                 1px -1px rgba(0, 0, 0, .9),
                 -1px 1px rgba(0, 0, 0, .9),
                 -1px -1px rgba(0, 0, 0, .9);
    transform: scale(1);
    transition: .1s;
  }
  .homepage-box:hover .homepage-box-content-cta-text{
    filter: none;
    text-shadow: none;
  }
  .homepage-box-about{
    display: block;
    height: 820px;
    position: relative;
    width: 100%;
  }
  .homepage-box-about:hover .homepage-box-content-cta{
    background-color: #f8f7ec;
    box-shadow: none;
    color: #312e2f;
    transition: .1s;
  }
  .homepage-box-about:hover .homepage-box-content-cta-text{
    filter: none;
    text-shadow: none;
  }
/*MERCH*/
  .merch{
    background-size: 50%;
    display: flex;
    height: 630px;
    justify-content: space-between;
    margin: 0 auto;
    width: 1300px;
  }
  .merch-container{
    background-color: var(--black);
    background-image: url('https://imagedelivery.net/JUQv5yuQRNtNvw0Af5BCJw/e2001876-42a9-44a0-976c-7a1cec10d300/public');
    border: 4px solid #D0CCC1;
    border-bottom-color: #D1CDC2;
    border-left-color: #9E9B93;
    border-right-color: #9E9B93;
    border-top-color: #52504C;
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    height: 100%;
    width: 100%;
  }
  
  .merch-title h3{
    color: var(--white);
    display: flex;
    filter: drop-shadow(0px 0px 2px #000);
    flex-direction: column;
    font-family: 'converse', sans-serif;
    font-size: 42px;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 1px -1px var(--black),
                -1px 1px var(--black),
                 1px 1px var(--black),
                -1px -1px var(--black);
  }
  .merch-section{
    display: flex;
    height: 100%;
    width: 100%;
  }
  .merch-section-container{
    width: 100%;
  }
  .merch-blurb{
    color: var(--white);
    font-family: 'board-thick', sans-serif;
    font-size: 18px;
    position: relative;
    text-align: center;
    width: 50%;
  }
  .todays-specials-button-merch{
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .todays-specials-button-merch-proof{
    bottom: 60px;
  }
  .merch-slideshow{
    justify-content: center;
    width: 50%;
  }
  .merch-slideshow-items{
    align-items: center;
    display: flex !important;
    height: 100%;
    justify-content: center;
    width: 80%;
  }
  .merch-slideshow-items .slick-list,
  .merch-slideshow-items .slick-track{
    height: 100%;
    width: 100%;
  }
  .merch-slideshow-item{
    display: block !important;
    height: 100%;
    width: 100%;
  }
  .merch-slideshow-item img{
    filter: drop-shadow(0px 0px 20px rgba(0,0,0,1));
    height: 100%;
    object-fit: contain;
    width: 100%;
  }
/*HOMEPAGE INFO*/
  .homepage-info{
    background-color: var(--black);
    background-image: url('../media/chalkboard.png');
    background-size: cover;
    border: 4px solid var(--red);
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    display: flex;
    height: auto;
    justify-content: space-between;
    margin: 40px -4px 40px -4px;
    width: calc(100% + 8px);
  }
  .homepage-info-container{
    height: calc(100% - 40px);
    margin: 0 auto;
    padding: 50px 20px;
    width: 1300px;
  }
  .homepage-info-boxes{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
  }
  .homepage-info-section{
    border: 2px solid var(--gold);
    box-shadow: 0 10px 5px rgba(0,0,0,.7);
    margin-bottom: 50px;
  }
  .homepage-info-box-about{
    display: block;
    width: 100%;
  }
  .homepage-info-box-poster-about{
    background-color: var(--red);
    background-image: url('https://imagedelivery.net/JUQv5yuQRNtNvw0Af5BCJw/96d6ea4d-139a-43b9-71dc-72989059d100/public');
    background-size: cover;
    height: 400px;
  }
  .homepage-box-poster-container-about{
    position: relative;
  }
  .homepage-box-poster-container-about-building{
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 650px;
    z-index: 100;
  }
  .homepage-box-poster-container-about-building img{
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.8))
            drop-shadow(-1px -1px 2px rgba(0,0,0,.8))
            drop-shadow(1px -1px 2px rgba(0,0,0,.8))
            drop-shadow(-1px 1px 2px rgba(0,0,0,.8));
    width: 100%;
  }
  .homepage-box-content-about{
    height: 420px;
  }
  .homepage-box-content-container-about{
    padding: 60px 20px 20px 20px;
    height: calc(100% - 80px);
    width: calc(100% - 40px);
  }
  .content-blurb-about-container{
    height: 100%;
    width: 100%;
  }
  .homepage-box-content-title-about{
    float: left;
    line-height: 1.1;
    margin-right: 20px;
  }
  .homepage-box-content-title-about h3{
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .homepage-box-content-blurb-about{
    align-items: center;
    display: flex;
    height: 100%;
    text-align: left;
  }
  .dive-into-our-history{
    margin-top: 20px;
  }
  .homepage-info-boxes{
    width: 1170px;
  }
  .homepage-info-box{
    box-sizing: border-box;
    margin: 0;
    width: 560px;
  }
  .homepage-info-box-content-contact,
  .homepage-info-box-content-hours{
    background-color: rgba(0,0,0,.65);
    background-image: url('https://imagedelivery.net/JUQv5yuQRNtNvw0Af5BCJw/51b3c60e-1783-490d-7e11-9992266ab400/public');
    background-position: center;
    background-size: cover;
  }
  .mobile-text{
    display: none;
  }
  .homepage-box-content-container-contact,
  .homepage-box-content-container-hours{
    padding: 20px;
    width: calc(100% - 40px);
  }
  .homepage-box-content-title-contact,
  .homepage-box-content-title-hours{
    margin-bottom: 10px;
  }
/*PARTNERS*/
  .homepage-partners-box{
    width: 100%;
  }
  .homepage-partners-box-content{
    height: 100%;
  }
  .homepage-box-content-container-partners{
    align-items: center;
    display: flex;
    height: calc(100% - 40px);
    justify-content: space-between;
    padding: 20px;
    width: calc(100% - 40px);
  }
  .homepage-box-content-partners-title{
    color: var(--white);
    filter: drop-shadow(0px 1.2px var(--gold));
    font-size: 28px;
    font-family: 'billy-regular', sans-serif;
    text-shadow: 1px 2px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
  .homepage-box-content-partners{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
  .homepage-box-content-partners-partner{
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    min-height: 170px;
    justify-content: flex-start;
    width: 100%;
  }
  .homepage-box-content-partners-partner:hover .homepage-box-content-cta{
    background-color: #f8f7ec;
    box-shadow: none;
    color: #312e2f;
    transition: .1s;
  }
  .homepage-box-content-partners-partner:hover .homepage-box-content-cta-text{
    filter: none;
    text-shadow: none;
  }
  .homepage-box-content-partner-text{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
  }
  .homepage-box-content-partner-text-heading{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%;
  }
  .homepage-box-content-partner-logo{
    align-items: center;
    background-color: #000;
    border: 4px solid var(--red);
    border-radius: 50%;
    display: flex;
    height: 150px;
    justify-content: center;
    margin-right: 20px;
    min-width: 150px;
    width: 150px;
  }
  .homepage-box-content-partner-logo img{
    object-fit: cover;
    width: 100%;
  }
  .homepage-box-content-partner-logo-joes{
    background-color: var(--white);
  }
  .homepage-box-content-partner-logo-joes img{
    margin: 0 auto;
    width: 90%;
  }
  .homepage-box-content-partner-logo-joes-live img{
    margin: 0 auto;
    width: 80%;
  }
  .homepage-box-content-partner-blurb{
    color: var(--white);
    font-family: 'bligh', sans-serif;
    text-shadow: 1px 2px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
  .homepage-box-content-partner-title{
    color: var(--white);
    filter: drop-shadow(0px 1.2px var(--red));
    font-size: 28px;
    font-family: 'bligh-bold', sans-serif;
    text-shadow: 1px 2px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
  .homepage-box-content-cta-partner{
    font-size: 14px;
    padding: 5px 5px 2.5px 5px;
    width: fit-content;
  }
  /*.homepage-content-partners-day{
    align-items: center;
    display: flex;
  }
  .homepage-box-content-partners-item{
    color: var(--white);
    font-family: 'bligh', sans-serif;
    font-size: 22px;
    text-shadow: 1px 2px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
  .homepage-box-content-hours-item{
    padding: 5px 0 0 10px;
  }*/
/*CONTACT & HOURS*/
  .homepage-box-content-links-contact,
  .homepage-box-content-hours{
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 100%;
  }
  .homepage-box-content-links-contact-title,
  .homepage-box-content-hours-title{
    color: var(--white);
    filter: drop-shadow(0px 1.2px var(--gold));
    font-size: 28px;
    font-family: 'billy-regular', sans-serif;
    text-shadow: 1px 2px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
  .homepage-content-links-contact-link{
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .homepage-content-hours-day{
    align-items: center;
    display: flex;
  }
  .homepage-box-content-links-contact-item,
  .homepage-box-content-hours-item{
    color: var(--white);
    font-family: 'bligh', sans-serif;
    font-size: 22px;
    text-shadow: 1px 2px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
  .homepage-box-content-hours-item{
    padding: 5px 0 0 10px;
  }
  .contact-newsletter{
    margin-top: 5px;
    width: 550px;
  }
/**********
FOOTER
**********/
  .grecaptcha-badge {
    z-index: 99999999999999999999;
  }
  .footer-wrapper{
    overflow: hidden;
    width: 100%;
  }
  footer{
    background-color: #312e2f;
    background-image: url('../media/chalkboard-tall.png');
    background-size: 100%;
    border: 4px solid var(--red);
    bottom: 0;
    margin: 40px -4px 0 -4px;
    padding: 20px 10px 10px 10px;
    width: calc(100% + 8px);
  }
  .footer-container{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1300px;
    width: calc(100% - 40px);
  }
  .footer-category-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .footer-category-section{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .footer-category{
    display: flex;
    flex-direction: column;
    width: 370px;
  }
  .footer-category-partners{
    margin-top: 20px;
    width: 100%;
  }
  .footer-category-title{
    align-items: center;
    display: flex;
    margin-bottom: 10px;
  }
  .footer-category-title h4{
    color: #f8f7ec;
    font-family: 'bligh-bold', sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    text-align: center;
  }
  .footer-category-title-line{
    height: 2px;
    margin-top: -12px;
    width: 100%;
  }
  .footer-category-title-line:nth-child(1){
    background-image: linear-gradient(to right, #ebab21 50%, transparent 95%);
  }
  .footer-category-title-line:nth-child(3){
    background-image: linear-gradient(to left, #ebab21 50%, transparent 95%);
  }
  .footer-category-options{
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
  }
  .footer-category-options-partners{
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
  }
  .footer-logo-link{
    list-style: none;
    margin-bottom: 10px;
  }
  .footer-logo-link-partner{
    display: flex;
    justify-content: center;
  }
  .footer-logo-option{
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 220px;
  }
  .footer-logo-option-partner{
    display: block;
    width: 100%;
  }  
  .footer-logos{
    position: relative;
  }
  .footer-logos-partners{
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .footer-logo{
    height: 18px;
    transition: .1s;
    width: 18px;
  }
  .footer-logo-option-partner{
    align-items: center;
    background-color: #000;
    border: 4px solid var(--red);
    border-radius: 50%;
    display: flex;
    filter: drop-shadow(0px 3px rgba(0,0,0,.7));
    height: 80px;
    justify-content: center;
    overflow: hidden;
    width: 80px;
  }
  .footer-logo-joes-on-weed-logo{
    background-color: var(--white);
  }
  .footer-logo img{
    filter: drop-shadow(0px 3px rgba(0,0,0,.7));
    width: 100%;
  }
  .footer-logo-partner{
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .footer-logo-partner img{
    margin: 0 auto;
    object-fit: contain;
    width: 100%;
  }
  .footer-logo-joes-on-weed-logo img{
    width: 90%;
  }
  .footer-logo-joes-live-logo img{
    width: 80%;
  }
  .footer-logo-gold{
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
  }
  .footer-logo-white{
    transition: .1s;
  }
  .footer-logo-burger:hover .footer-logo-burger-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-burger:hover .footer-logo-burger-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-email:hover .footer-logo-email-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-email:hover .footer-logo-email-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-fb:hover .footer-logo-fb-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-fb:hover .footer-logo-fb-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-fork-knife:hover .footer-logo-fork-knife-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-fork-knife:hover .footer-logo-fork-knife-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-gift-card:hover .footer-logo-gift-card-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-gift-card:hover .footer-logo-gift-card-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-gps:hover .footer-logo-gps-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-gps:hover .footer-logo-gps-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-ig:hover .footer-logo-ig-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-ig:hover .footer-logo-ig-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-phone:hover .footer-logo-phone-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-phone:hover .footer-logo-phone-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-shirt:hover .footer-logo-shirt-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-shirt:hover .footer-logo-shirt-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-ticket:hover .footer-logo-ticket-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-ticket:hover .footer-logo-ticket-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-logo-tw:hover .footer-logo-tw-gold{
    opacity: 1;
    transition: .1s;
  }
  .footer-logo-tw:hover .footer-logo-tw-red{
    opacity: 0;
    transition: .1s;
  }
  .footer-category-text{
    color: var(--white);
    font-family: 'bligh', sans-serif;
    text-shadow: 1px 1px rgba(0, 0, 0, .9),
                 1px -1px rgba(0, 0, 0, .9),
                 -1px 1px rgba(0, 0, 0, .9),
                 -1px -1px rgba(0, 0, 0, .9),
                 0px 2px 1px rgba(0, 0, 0, .6),
                 0px 3px 2px rgba(0, 0, 0, .6);
    width: 190px;
  }
  .footer-category-wrapper-carols-logo{
    align-items: center;
    width: 100%;
  }
  .footer-carols-logo{
    filter: drop-shadow(0px 0px 3px #000)
            drop-shadow(0px 3px rgba(0,0,0,.7));
    width: 150px;
  }
  .footer-carols-logo img{
    object-fit: contain;
    width: 100%;
  }

/*MAILING LIST BUTTON*/ 
  .mailing-list-contact{
    display: flex;
    justify-content: space-evenly;
    width: calc(100% - 80px);
  }
  .mailing-list-iframe{
    width: 100%;
  }
  .contact-form-box{
    display: flex;
    justify-content: space-evenly;
  }
  .contact-form-box-footer{
    flex-direction: column;
  }
  .contact-form-box-socials{
    justify-content: space-between;
  }
  .contact-mailing{
    background-color: #f8f7ec;
    border: none;
    border-radius: 3px;
    font-family: 'futura-medium', sans-serif;
    font-size: 14px;
    height: 30px;
    margin-bottom: 10px;
    text-align: center;
    width: 240px;
  }
  #contact-submit{
    cursor: pointer;
    background-color: #ebab21;
    color: #f8f7ec;
    transition:  .2s; 
  }
  #contact-submit:hover{
    cursor: pointer;
    background-color: #BE5043;
    color: white;
    transition:  .2s;
  }
  .checkbox-form{
    display: none;
  }
  label[for="checkbox-bio"],
  label[for="checkbox-footer"],
  label[for="control_EMAIL"],
  label[for="control_EMAIL-footer"] { 
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
  }
  .socials-contact-mailing{
    height: 40px;
    width: 276px;
  }
  .socials-contact-mailing::placeholder{
    color: #000;
    font-size: 16px;
  }
  #contact-contact-submit,
  #footer-contact-submit,
  #socials-contact-submit{
    background-color: var(--gold);
    color: var(--black);
    font-size: 16px;
    transition: .1s;
  }
  #footer-contact-submit{
    font-size: 14px;
  }
  #contact-contact-submit:hover,
  #footer-contact-submit:hover,
  #socials-contact-submit:hover{
    background-color: var(--white);
    color: var(--red);
    cursor: pointer;
    transition: .1s;
  }
  .contact-contact-mailing{
    margin-bottom: 0;
    height: 40px;
    width: 250px;
  }
  .contact-contact-mailing::placeholder{
    color: #000;
    font-size: 16px;
  }
  #contact-contact-submit{
    background-color: var(--gold);
    color: var(--black);
    font-size: 16px;
  }
/******************
 * MENU PAGE *
******************/
  /*PROMO BOX CENTER*/
  #promo-box-center{
    background-blend-mode: multiply;
    background-color: rgba(0,0,0,.3);
    background-image: url("../media/menus/all-the-foods.jpg");
    background-size: cover;
    border: 4px solid var(--red);
    box-sizing: border-box;
    align-items: center;
    display: flex;
    height: 310px;
    justify-content: space-evenly;
    margin: 25px 0 0 0;
    width: 100%;
  }
  .burger-coins{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-evenly;
  }
  .burger-coin{
    background-color: transparent;
    display: block;
    width: 200px;
    height: 200px;
    perspective: 1000px;
  }
  .burger-coin-container{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  .burger-button-back img{
    align-self: center;
    margin: 0 auto;
    max-width: 185px;
    text-align: center;
  }
  .burger-button-back,
  .burger-button-front{
    align-items: center;
    background-image: url(../media/logos/delivery/button-wood.jpg);
    backface-visibility: hidden;
    border: 4px solid #BE5043;
    border-radius: 180px;
    box-shadow: 0 0 15px 10px rgba(0,0,0,1);
    color: #000;
    display: flex;
    font-family: 'futura-bold', sans-serif;
    font-size: 19px;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    text-decoration: none;
    transition:  0.8s;
    width: 100%;
  }
  .burger-button-back img{
    border: 5px solid rgba(0,0,0,.8);
    border-radius: 90px;
  }
  .burger-coin:hover .burger-coin-container {
    cursor: pointer;
    transform: rotateY(360deg) scale(1.25);
    transition:  1.7s;
   }
   .burger-coin:hover .burger-button-back,
   .burger-coin:hover .burger-button-front{
      box-shadow: 0 0 15px 3px rgba(0,0,0,1);
      transition: 1.7s;
   }
  .burger-button-back {
    transform: rotateY(180deg);
  }
/*****************************
 * LIVE ENTERTAINMENT PAGE *
*****************************/
  .events-wrapper{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 115px auto 0 auto;
   max-width: 1258px;
   padding: 0 20px;
   width: calc(100% - 40px);
  }
  .event{
   background-image: url(../media/backgrounds/felt-wide.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #000;
   border: 1px solid #fff;
   box-shadow: 0 0 10px 8px #000;
   display: flex;
   height: 350px;
   justify-content: space-between;
   margin: 20px 0;
   overflow: hidden;
   width: 100%;
  }
  .event-image-wrapper{
   box-shadow: 0 0 5px 10px #000;
   height: calc(100% - 40px);
   left: 20px;
   top: 20px;
   position: relative;
   width: 45%;
   z-index: 10;
  }
 /* .event-image-wrapper:after{
   content:"";
   position: absolute;
   background-image: linear-gradient(to right, #000, transparent);
   height: 100%;
   right: -35px;
   top: 0;
   width: 35px;
  }*/
  .event-image{
   border: 1px solid #fff;
   height: 100%;
   position: relative;
   width: 100%;
   z-index: 11;
  }
  .event-image:after{
   content: "";
   position: absolute;
   background-image: linear-gradient(to right, transparent, #f8f7ec 20%, transparent, #f8f7ec 90%, transparent);
   height: 1px;
   left: 10px;
   bottom: 10px;
   width: calc(100% - 20px);
   z-index: 1;
  }
  .event-image:before{
   content: "";
   position: absolute;
   background-image: linear-gradient(to right, #f8f7ec, transparent, #f8f7ec 90%, transparent);
   height: 1px;
   left: 10px;
   top: 10px;
   width: calc(100% - 20px);
   z-index: 1;
  }
  .event-image-blank:after{
   content: "";
   position: absolute;
   background-image: none;
   height: 0;
   left: 0;
   bottom: 0;
   width: 0;
   z-index: 0;
  }
  .event-image-blank:before{
   content: "";
   position: absolute;
   background-image: none;
   height: 0;
   left: 0;
   bottom: 0;
   width: 0;
   z-index: 0;
  }
  .event-image-square{
    display: none;
  }
  .event-image-container{
   height: 100%;
   position: relative;
   width: 100%;
  }
  .event-image-container:after{
   content: "";
   position: absolute;
   background-image: linear-gradient(to bottom, #f8f7ec, transparent 70%, #f8f7ec, transparent);
   height: calc(100% - 20px);
   left: 10px;
   bottom: 10px;
   width: 1px;
  }
  .event-image-container:before{
   content: "";
   position: absolute;
   background-image: linear-gradient(to bottom, transparent, #f8f7ec, transparent 30%, #f8f7ec, transparent);
   height: calc(100% - 20px);
   right: 10px;
   top: 10px;
   width: 1px;
  }
  .event-image-container-blank:after{
   content: "";
   position: absolute;
   background-image: none;
   height: 0;
   right: 0;
   top: 0;
   width: 0
  }
  .event-image-container-blank:before{
   content: "";
   position: absolute;
   background-image: none;
   height: 0;
   right: 0;
   top: 0;
   width: 0;
  }
  .event-image img{
   display: block;
   height: 100%;
   max-width: 100%;
   object-fit: cover;
   object-position: center;
   width: 100%;
  }
  .event-image-container-x2{
    display: none;
  }
  .event-image-container-x3{
    display: none;
  }
  .event-details-wrapper{
   background-image: url('../media/backgrounds/felt-wide.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 100%;
   position: relative;
   width: 53%;
  }
  .event-details-date{
   align-items: center;
   border: 2px solid #ebab21;
   border-radius: 5px;
   box-shadow: -2px 2px 2px 1px #000;
   display: flex;
   flex-direction: column;
   font-family: 'billy-regular', cursive;
   font-size: 22px;
   height: 60px;
   justify-content: space-evenly;
   position: absolute;
   right: 10px;
   top: 10px;
   width: 60px;
  }
  .event-details-date-spec{
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   width: 100%;
  }
  .event-details-date-month{
   background-color: #312e2f;
   border-radius: 3px;
   color: #f8f7ec;
  }
  .event-details-date-day{
   background-color: #f8f7ec;
   border-radius: 3px;
   color: #312e2f;
  }
  .event-details{
   align-items: center;
   display: flex;
   flex-direction: column;
   height: calc(100% - 40px);
   justify-content: space-between;
   padding: 20px 10px;
   width: calc(100% - 20px);
  }
   .event-details-ani-1{
      animation: event-details-ani-1 .3s both;
      opacity: 1;
      transform: scale(1.0);
     }
   @keyframes event-details-ani-1{
      0%{
         opacity: 1;
         transform: scale(1.0);
      }
      100%{
         opacity: 0;
         transform: scale(.89);
      }
   }
   .event-details-ani-2{
      animation: event-details-ani-2 .3s both .9s;
      opacity: 0;
      transform: scale(.89);
     }
   @keyframes event-details-ani-2{
      0%{
         opacity: 0;
         transform: scale(.89);
      }
      100%{
         opacity: 1;
         transform: scale(1);
      }
   }
  .event-artist{
   color: #f8f7ec;
   display: flex;
   filter: drop-shadow(0px 3px 1px #000) drop-shadow(0px 3px 2px #000);
   flex-direction: column;
   font-family: 'bligh-bold', cursive;
   font-size: 28px;
   height: 100%;
   justify-content: center;
   min-height: 80px;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #000,
                1px -1px 1px #000,
                -1px 1px 1px #000, 
                -1px -1px 1px #000;
   width: calc(100% - 150px);
  }
  .event-artist h2{
   line-height: 1.2;
   margin: 5px auto 0  auto;
  }
  .event-artist span,
  .event-artist-subtext{
   display: block;
   font-size: 20px;
   margin-top: 5px;
  }
  .br{
    display: block;
    font-size: 0 !important;
    margin: 0 !important;
  }
  .event-artist .event-artist-w{
   display: inline;
   text-transform: lowercase;
  }
  .event-bottom-section{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
  }
  .event-line-break{
   align-items: center;
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
   width: 90%;
  }
  .event-line-break-star{
   color: #ebab21;
   filter: drop-shadow(0px 3px 1px #000) drop-shadow(0px 3px 2px #000);
   font-size: 16px;
  }
  .event-line-break-star-1{
   transform: rotate(340deg);
  }
  .event-line-break-star-2{
   transform: rotate(20deg);
  }
  .event-line-break-line{
   background-color: #BE5043;
   filter: drop-shadow(0px 3px 1px #000) drop-shadow(0px 3px 2px #000);
   height: 1px;
   width: 90%;
  }
  .event-calendar{
   align-items: center;
   filter: drop-shadow(0px 3px 1px #000);
   font-family: 'bligh', cursive;
   color: #f8f7ec;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin: 0 0 8px 0;
  }
  .event-calendar-no-buttons{
    margin: 0;
  }
  .event-calendar-date{
   font-size: 22px;
  }
  .event-calendar-time{
   align-items: center;
   display: flex;
   margin: 2px 0;
  }
  .event-calendar-separator{
    display: block;
  }
  .event-calendar-time-note{
   filter: drop-shadow(0px 3px 1px #000);
   height: 20px;
   margin-top: -10px;
   width: 20px;
  }
  .event-calendar-time-note img{
   display: block;
   max-width: 100%;
   width: 100%;
  }
  .event-calendar-time-span{
   font-size: 16px;
   margin: 0 10px;
  }
  .event-calendar-time-age{
   align-items: center;
   display: flex;
  }
  .event-calendar-age{
   margin-left: 5px;
  }
  .event-buttons{
   align-items: center;
   display: flex;
   justify-content: center;
   width: 100%;
  }
  .event-button{
   align-items: center;
   background-color: #BE5043;
   border: 1px solid #000;
   border-radius: 5px;
   box-shadow: 0 5px 2px 1px #000;
   color: #f8f7ec;
   display: flex;
   font-family: 'bligh', cursive;
   font-size: 16px;
   height: 32px;
   justify-content: center;
   margin: 0 5px;
   min-width: 130px;
   padding-top: 1px;
   text-decoration: none;
   text-transform: uppercase;
   transition: .2s;
   width: 100%;
  }
  .event-button:hover{
   background-color: #f8f7ec;
   box-shadow: none;
   color: #312e2f;
   transition: .1s;
  }
  .event-button:hover > .event-button-span{
   filter: none;
   margin-top: 1.5px;
   text-shadow: none;
   transform: scale(1.1);
   transition: .1s;
  }
  .event-button-joesbar{
    width: 170px;
  }
  .event-button-auto{
    padding: 1px 15px 0 15px;
    width: auto;
  }
  .event-button-span{
   filter: drop-shadow(0px 2px 1px rgba(0,0,0,.6));
   text-shadow: 1px 1px 1px rgba(0,0,0,.9),
                1px -1px 1px rgba(0,0,0,.9),
                -1px 1px 1px rgba(0,0,0,.9), 
                -1px -1px 1px rgba(0,0,0,.9);
   transition: .1s;
  }
  .event-button-images{
   height: 15px;
   position: relative;
   margin-right: 10px;
   width: 20px;
  }
  .event-button-image{
   align-items: center;
   display: flex;
   filter: drop-shadow(0px 2px 1px rgba(0,0,0,.6));
   height: 100%;
   justify-content: center;
   left: 0;
   position: absolute;
   top: -1px;
   transition: .2s;
   width: 100%;
  }
  .event-button-image-top-toggle{
   opacity: 0;
   transition: .1s;
  }
  .event-button-image-top{
   z-index: 1;
   transition: .2s;
  }
  .event-button-image-bottom{
   filter: none;
   transition: .2s;
   z-index: 0;
  }
  .event-button-image-bottom-toggle{
   filter: none;
   margin-top: 1px;
   transition: .1s;
   z-index: 0;
  }
  .event-button-image img{
   display: block;
   max-height: 15px;
   max-width: 20px;
   object-fit: cover;
  }
  .event-button-tickets{
   background-color: #ebab21;
   color: #f8f7ec;
  }
  .event-cursor:hover{
   cursor: pointer;
  }
  .event-details-back-section{
   box-shadow: 0 0 5px 6px #000;
   height: 100%;
   left: -45%;
   opacity: 0;
   position: absolute;
   top: 0;
   transform: scale(.89);
   width: 100%;
   z-index: -1;
  }
  .event-details-back-section-ani-1{
   animation: event-details-back-section-ani-1 1s both 0.2s;
   transform: translateX(-100%) scale(.89);
  }
  @keyframes event-details-back-section-ani-1{
   0%{
      opacity: 0;
      transform: translateX(-45%) scale(.89);
      z-index: 0;
   }
   50%{
      opacity: 1;
      transform: translateX(45%) scale(.89);
      z-index: 1;
   }
   100%{
      opacity: 1;
      transform: translateX(45%) scale(1);
      z-index: 1;
   }
  }
  .event-details-back-section-ani-2{
   animation: event-details-back-section-ani-2 1s both 0.2s;
   transform: translateX(100%) scale(1);
  }
  @keyframes event-details-back-section-ani-2{
   0%{
      opacity: 1;
      transform: translateX(45%) scale(1);
      z-index: 1;
   }
   50%{
      opacity: 1;
      transform: translateX(45%) scale(.89);
      z-index: 1;
   }
   75%{
      opacity: 0;
      transform: translateX(-45%) scale(.89);
      z-index: 0;
   }
   100%{
      opacity: 0;
      transform: translateX(-45%) scale(.89);
      z-index: 0;
   }
  }
  .event-details-back-wrapper{
   align-items: center;
   background-color: #000;
   background-image: url('../media/chalkboard-tall.png');
   color: #f8f7ec;
   display: flex;
   height: 100%;
   justify-content: center;
   position: relative;
   width: 100%;
  }
  .event-details-back{
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   position: relative;
   width: 100%;
  }
  .event-details-back-container{
   height: calc(100% - 40px);
   overflow-y: scroll;
   position: relative;
   width: calc(100% - 80px);
  }
  .event-details-back:after{
   content:"";
   position: absolute;
   background-image: linear-gradient(to bottom, transparent 0%, #000 30%);
   bottom: 0;
   height: 40px;
   left: 0;
   width: 100%;
  }
  .event-details-back-close{
   align-items: center;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 5px;
   color: #f8f7ec;
   display: flex;
   font-family: 'billy-regular', cursive;
   font-size: 18px;
   justify-content: center;
   padding: 5px 10px;
   position: absolute;
   right: 0;
   top: 0;
   transition: .2s;
  }
  .event-details-back-close:hover{
   background-color: #f7f7ec;
   color: #312e2f;
   transition: .2s;
  }
  .event-details-back-artist{
   font-family: 'bligh-bold', cursive;
   font-size: 20px;
   text-transform: uppercase;
  }
  .event-details-back-artist span{
   font-size: 16px;
  }
  .event-details-back-calendar{
   font-family: 'bligh', cursive;
   margin: 20px 0;
  }
  .event-details-back-calendar span{
   display: block;
   margin: 5px 0;
  }
  .event-details-back-buttons{
   display: flex;
   height: 40px;
   justify-content: space-between;
  }
  .event-details-back-button{
   align-items: center;
   border: 2px solid #ebab21;
   border-radius: 5px;
   color: #f8f7ec;
   display: flex;
   font-family: 'bligh', cursive;
   font-size: 14px;
   justify-content: center;
   padding: 10px 15px;
   text-decoration: none;
   text-transform: uppercase;
   width: 150px;
  }
  .event-details-back-faq{
   margin: 20px 0;
   width: fit-content;
  }
  .event-details-back-bio h3{
   font-family: 'bligh', cursive;
   font-size: 26px;
   margin-bottom: 35px;
   text-transform: uppercase;
   width: calc(100% - 80px);
  }
  .event-details-back-bio p{
   font-family: 'bligh', cursive;
   padding-bottom: 20px;
  }
  .event-details-back-bio a{
    color: #ebab21;
  }
  .event-ticket-disclaimer{
    height: auto;
  }
  .event-ticket-disclaimer-text{
    font-size: 18px;
    text-align: center;
  }
/******************
 * PARTIES PAGE *
******************/
   .copy-form{
      display: flex;
      justify-content: space-between;
      margin-top: 25px;
      margin-bottom: 100px;
   }
/*PARTIES PAGE SLIDER*/
  .parties-page-slider{
    height: 500px;
    width: 100%;
  }
  .parties-page-slider img{
    height: 500px;
    object-fit: cover !important;
    width: 100%;
  }
  .parties-jumbotron{
    border: 4px solid var(--red);
    box-sizing: border-box;
  }
/*COPY*/
   .copy{
      background-color: #312e2f;
      background-image: url('../media/chalkboard-tall.png');
      background-size: cover;
      border: 4px solid #BE5043;
      padding: 20px;
      position: relative;
      width: 800px;
   }

   .copy-drink-packages{
      align-items: center;
      display: flex;
      flex-direction:  column;
      justify-content: center;
   }
   .copy-drink-packages h1{
      color: #ebab21;
      font-family: 'bligh-bold', sans-serif;
      font-size: 40px;
      margin:  30px 0 20px 0;
   }
   .copy-text{
      color:  #f8f7ec;
      font-family: 'bligh', sans-serif;
      font-size: 20px;
      padding:  0 30px;
      text-align: center;
   }
   .copy-buttons{
      display: flex;
      justify-content: space-evenly;
      margin: 20px auto;
      width: calc(100% - 10px);
   }
   .copy-button{
      align-items: center;
      background-color: #BE5043;
      border-radius: 5px;
      color:  #f8f7ec;
      display: flex;
      flex-direction: column;
      height: 40px;
      justify-content: center;
      text-decoration: none;
      transition:  .2s;
      width: 200px;
   }
   .copy-button:hover{
      background-color: #f8f7ec;
      color:  #BE5043;
      cursor: pointer;
      transition:  .2s;
   }
   .copy-button-span-top{
      font-size: 16px;
   }
   .copy-button-span-bottom{
      font-size: 12px;
   }
   .copy-button-form-img{
      align-items: center;
      display: flex;
      position: relative;
      width: 120px;
   }
   .copy-button-form-img span{
      margin-left: 5px;
   }
  .copy-button-span-bottom-i{
      font-size: 14px;
      position: absolute;
      right: 5px;
   }
   .copy-button-form-hover{
      animation: copy-button-form-hover 1.5s infinite ease-in-out;
      -moz-animation: copy-button-form-hover 1.5s infinite ease-in-out;
      -webkit-animation: copy-button-form-hover 1.5s infinite ease-in-out;
      -o-animation: copy-button-form-hover 1.5s infinite ease-in-out;
   }
  @keyframes copy-button-form-hover{
    0%{
       opacity: 0;
       right: 5px;
      }
   30%{
      opacity: 1;
   }
   70%{
      opacity: 1;
   }
    100%{
      opacity: 0;
      right: -30px;
    }
  }
   .drink-packages{
      display: flex;
      justify-content: space-evenly;
      width: 100%;
   }
   .individual-drink-packages{
      align-items: center;
      border-bottom: 2px solid #ebab21;
      border-left: 2px solid #ebab21;
      border-right: 2px solid #ebab21;
      display: flex;
      flex-direction: column;
      padding: 10px 20px;
      position: relative;
      text-align: center;
      width: 300px;
   }
   #leland-st-package span:nth-child(2){
      padding-top: 14px;
   }
   .individual-drink-packages .star{
      font-size: 12px;
      width: 20px;
   }
   .individual-drink-package-title{
      align-items: flex-start;
      display: flex;
      margin-top: -10px;
      width: 340px;
   }
   .individual-drink-packages h2{
      color:  #f8f7ec;
      font-family: 'billy-regular', sans-serif;
      font-size: 30px;
      margin: -18px 0 20px 0;
      padding: 0 10px;
      min-width: 265px;
   }
   .individual-drink-package-title-line{
      background-color: #ebab21;
      height: 2px;
      width: 30%;
   }
   .individual-drink-packages span{
      color:  #f8f7ec;
      font-family: 'bligh', sans-serif;
      font-size: 18px;
   }
/*PARTIES FORM*/
   .contact-container{
      border: 1px solid #000;
      box-shadow: -10px 10px 10px #000;
      margin: 5px;
      width: 230px;
   }
   .form{
      background-image: url('../media/backgrounds/felt-wide.jpg');
      background-size: 100%;
      border: 8px solid #D0CCC1;
      border-bottom-color: #D1CDC2;
      border-left-color:#9E9B93;
      border-right-color:#9E9B93;
      border-top-color: #52504C;
      box-shadow: -10px 10px 10px #000;
      padding: 10px;
      position: relative;
      text-align: center;
      width: 350px;
   }
   .form:before{
      content: "";
      position: absolute;
      display: block;
      height: calc(100% + 15px);
      left: -8px;
      top: -8px;
      width: calc(100% + 15px);
      border: 1px solid #000;
   }
   .form form{
      height: 100%;
   }
   .form-wrapper{
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: space-between;
      overflow: hidden;
      position: relative;
   }
   .contact-title h3{
      color: #f8f7ec;
      font-family: 'converse', sans-serif;
      font-size: 32px;
      margin: 10px 0;
   }
   .form-section-input input{
      background-color: transparent;
      border-left: none;
      border-right: none;
      border-top: none;
      color: #fff;
      font-family: 'board-thick', sans-serif;
      font-size: 18px;
      margin: 3px 0;
      padding: 0 0 0 0px;
      width: calc(100% - 5px);
   }
   .form-section-input label{
      background-color: transparent;
      border-left: none;
      border-right: none;
      border-top: none;
      color: rgba(255,255,255,0.4);
      font-family: 'board-thick', sans-serif;
      font-size: 16px;
      margin: 3px 0;
      padding: 0 0 0 0px;
      text-align: left;
      width: 100%;
   }
   .form-section-input textarea{
      background-color: transparent;
      border-bottom-width: 2px;
      border-left: none;
      border-right: none;
      border-top: none;
      color: #fff;
      font-family: 'board-thick', sans-serif;
      font-size: 18px;
      margin: 3px 0;
      width: calc(100% - 6px);
   }
   .form-buttons{
      bottom: 0;
      display: flex;
      justify-content: space-evenly;
      position: absolute;
      width: 100%;
   }
   .form-buttons input{
      background-color: transparent;
      border: none;
      color: #fff;
      font-family: 'converse', sans-serif;
      font-size: 24px;
      padding-top: 8px;
      z-index: 10;
   }
   .form-buttons input:hover{
      cursor: pointer;
   }
   #contact-page-parties textarea{
      height: 30px;
   }
   #parties-page-form-section{
      height: 450px;
   }
/**********
MENU PAGE
**********/
   .menu{
    background-color: #312e2f;
    background-image: url(../media/chalkboard-tall.png);
    border:  4px solid #BE5043;
    color:  #f8f7ec;
    box-sizing: border-box;
    margin-top: 25px;
    position: relative;
    width:  100%;
  }
  .menu-container{
    border-bottom:  2px solid #f8f7ec;
    border-left:  2px solid #f8f7ec;
    border-right:  2px solid #f8f7ec;
    border-top:  2px solid transparent;
    border-width: 0px 2px 2px 2px;
    height: auto;
    margin:  30px;
  }
   .menu-title{
      align-items: flex-start;
      display: flex;
      font-family: 'bligh-bold', sans-serif;
      font-size: 34px;
      margin: 0 auto;
      text-align: center;
      width: 100%;
  }
   .menu-title h1{
      margin-top: -30px;
      width: 560px;
   }
   .menu-title-line{
      background-color: #f8f7ec;
      height: 2px;
      width: 30%;
   }
   .menu-header{
      margin: 40px auto;
      width: 1000px;
   }
   .menu-page-coins #promo-box-center{
      margin: 0 0 24px 0;
   }
   .menu-categories{
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      height: 120px;
      justify-content: space-between;
      margin: 0 auto;
      width: 840px;
   }
   .menu-header-category{
      align-items: center;
      background-color: #BE5043;
      border-radius: 5px;
      color:  #f8f7ec;
      display: flex;
      flex-direction: column;
      font-family: 'bligh', sans-serif;
      height: 40px;
      justify-content: center;
      padding-top: 4px;
      text-align: center;
      text-decoration: none;
      transition:  .2s;
      width: 200px;
   }
   .menu-header-category:hover{
      background-color: #ebab21;
      color:  #312e2f;
      cursor: pointer;
      transition:  .2s;
   }
   .menu-category-clicked{
      background-color: #f8f7ec !important;
      color: #BE5043 !important;
   }
   .copy-button-span-top{
      font-size: 16px;
   }
   .menu-category-inactive{
      height: 0;
      visibility: visible;
      overflow: hidden;
      opacity: 0;
      transform: translateY(30px);
      transition: .5s;
   }
   .menu-category-fadeIn{
      height: 100%;
      visibility: visible;
      opacity: 0;
      transform: translateY(0px);
      transition: .5s;
   }
   .menu-category-fadeIn-delay{
      visibility: visible;
      opacity: 1;
      transition: .5s;
      transition-delay: .2s;
   }
   .menu-category-fadeOut{
      height: 0;
      visibility: hidden;
      opacity: 0;
      transition: 0s;
   }
/*MENU | DAILY DRINK SPECIALS*/
   #menu-category-header-daily-drink-specials{
      align-items:  center;
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      width: 600px;
   }
   #menu-category-header-daily-drink-specials h2{
      font-family: 'brush', sans-serif;
      font-size: 50px;
      margin-bottom: 20px;
   }
   #menu-category-header-daily-drink-specials .menu-star{
      font-size: 18px;
      margin-top: -30px;
   }
   .menu-items{
      margin:  0 auto;
      width: 650px;
   }
   .menu-items-days{
      margin-bottom: 40px;
   }
   .menu-item-day{
      border-bottom: 1px solid #f8f7ec;
      font-family: 'bligh-bold', sans-serif;
      font-size: 24px;
      margin-bottom: 6px;
      width: 100%;
   }
   .menu-item-daily-drink-price{
      align-items: center;
      display: flex;
      font-family: 'futura-book', sans-serif;
      font-size: 18px;
      justify-content: space-between;
   }
   .menu-ellipses{
      background-color: green;
      height: 100%;
      width: 100%;
   }
/*MENU | BEERS*/
   #menu-category-header-beers{
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 40px;
   }
   .menu-beers-mugs{
      width: 200px;
   }
   .menu-beers-mugs img{
      display: block;
      width: 100%;
   }
   #menu-category-header-beers h2{
      font-family: 'bligh', sans-serif;
      font-size: 50px;
   }
   #menu-category-sub-header-beers h3{
      font-family: 'brush', sans-serif;
      font-size: 50px;
      margin-bottom: 10px;
      text-align: center;
   }
   .menu-item-drink-price{
      align-items: flex-end;
      display: flex;
      font-family: 'bligh', sans-serif;
      font-size: 24px;
      justify-content: space-between;
      text-transform: uppercase;
      width: 100%;
   }
   .menu-item-drink{
      overflow: hidden;
      position: relative;
      width: 100%;
   }
   .menu-item-drink:after{
      content: "......................................................................................................";
      position: absolute;
      bottom: 3px;
      font-size: 17px;
      letter-spacing: 4px;
      padding: 0 5px;
   }
   .menu-item-drink span:nth-child(0){
      font-size: 20px;
   }
   .menu-item-drink-drink-details{
      align-items: center;
      display: flex;
   }
   .menu-item-drink-drink-details .menu-item-drink{
      width: auto;
   }
   .menu-item-drink-details{
      font-size: 16px;
   }
   #menu-items-columns-beers{
      display: flex;
      justify-content: space-between;
   }
   #menu-items-columns-beers .menu-items-days{
      width: 300px;
   } 
   #menu-category-header-winter-specials{
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      width: 600px;
   }
   #menu-category-header-winter-specials h2{
      font-family: 'brush', sans-serif;
      font-size: 50px;
      margin-bottom: 10px;
      text-align: center;
   }
   #menu-category-header-winter-specials .menu-star{
      font-size: 18px;
      margin-top: -30px;
   }
   .menu-items-cocktails{
      margin: 0 auto 40px auto;
      width: 650px;
   }
   .menu-item-cocktail{
      border-bottom: 1px solid #f8f7ec;
      font-family: 'bligh', sans-serif;
      font-size: 24px;
      margin-bottom: 6px;
      width: 100%;
   }
   .menu-items-non-alcoholic-bottom{
      align-items: center;
       display: flex;
       justify-content: space-between;
       margin: 0 auto;
       width: 650px;
   }
   .menu-item-non-alcoholic-price-wrapper{
       display: flex;
       justify-content: space-between;
       line-height: 1;
       width: 100%;
   }
   .menu-item-non-alcoholic-price-column{
      width: 40%;
   }
   .menu-item-non-alcoholic-price{
       align-items: flex-end;
       display: flex;
       font-family: 'futura-book', sans-serif;
       font-size: 18px;
       justify-content: space-between;
       margin-bottom: 6px;
       padding-left: 5px;
   }
   .menu-item-non-alcoholic-drink:after{
      content: "......................................................................................................";
      position: absolute;
      bottom: 3px;
      font-size: 17px;
      letter-spacing: 4px;
      padding: 0 5px;
   }
   .menu-item-non-alcoholic-drink{
      font-family: 'bligh', sans-serif;
      font-size: 24px;
      overflow: hidden;
       position: relative;
       width: 100%;
   }
   .non-alcoholic-drink-detail{
      font-size: 14px;
   }
   .menu-items-non-alcoholic-no-description{
      visibility: hidden;
   }
   .menu-item-daily-drink-price{
      align-items: flex-start;
      display: flex;
      font-family: 'futura-book', sans-serif;
      font-size: 18px;
      justify-content: space-between;
   }
   #menu-category-sub-header-beers-header{
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
   }
   #menu-category-sub-header-beers-header h3{
      font-family: 'brush', sans-serif;
      font-size: 50px;
      text-align: center;
   }
/*COCKTAILS*/
   .menu-beers-cocktails{
      width: 200px;
   }
   .menu-beers-cocktails img{
      display: block;
      width: 100%;
   }
   #menu-category-sub-header-cocktails-header{
      align-items: center;
      display: flex;
      font-family: 'brush', sans-serif;
      font-size: 34px;
      justify-content: space-between;
      margin: 0 auto 10px auto;
      text-align: center;
      width: 600px;
   }
   .menu-item-cocktail-drink-price{
      align-items: center;
      display: flex;
      font-family: 'futura-book', sans-serif;
      font-size: 18px;
      justify-content: space-between;
   }
/*MENU | DAILY DRINK SPECIALS MOMENT*/
   .nick{
      color: blue;
   }
/*MENU | FOOD*/
   #menu-category-header-food{
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 40px;
   }
   #menu-category-header-food h2{
      font-family: 'bligh', sans-serif;
      font-size: 50px;
   }
   .menu-drinks-wings-lines{
      height: 4px;
      width: 100%;
   }
   .menu-category-header span:nth-child(1){
      background-image: linear-gradient(to right, #ebab21 80%, transparent);
   }
   .menu-category-header span:nth-child(3){
      background-image: linear-gradient(to left, #ebab21 80%, transparent);
   }
   .menu-items-foods{
      margin: 20px auto 40px auto;
      width: 650px;
   }
   .menu-item{
      border-bottom: 1px solid #f8f7ec;
      font-family: 'bligh', sans-serif;
      font-size: 24px;
      margin-bottom: 6px;
      width: 100%;
   }
   .menu-botm-title{
      font-family: 'brush', sans-serif;
      font-size: 24px;
   }
   .menu-item-food-price{
      align-items: flex-end;
      display: flex;
      font-family: 'futura-book', sans-serif;
      font-size: 18px;
      justify-content: space-between;
   }
   .menu-item-food{
      font-family: 'futura-book', sans-serif;
      font-size: 18px;
   }
   .menu-item-price{
      font-family: 'futura-book', sans-serif;
      font-size: 18px;
      padding-left: 10px;
   }
   .menu-item-ingredients{
      font-family: 'futura-book', sans-serif;
      font-size: 18px;
      position: relative;
      width: 450px;
   }
   .menu-item-ingredients-solo{
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
      width: 100%;
   }
   .menu-item-ingredients-solo span:nth-child(1){
      width: 450px;
   }
   #menu-item-food-chicken-sandwich{
      align-items: center;
      display: flex;
   }
   #menu-item-food-chicken-sandwich-fried-grilled{
      font-family: 'brush', sans-serif;
      margin-left: 10px;
   }
   .menu-items-add-ons{
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin:  0 auto;
      width: 650px;
   }
   .menu-items-add-ons-header{
      font-family: 'brush', sans-serif;
      font-size: 30px;
   }
   .menu-item-add-ons-price-wrapper{
      display: flex;
      justify-content: space-between;
      line-height: 1;
      width: 486px;
   }
   .menu-item-add-ons-price-column{
      width: 210px;
   }
   .menu-item-add-ons-price{
      align-items: center;
      display: flex;
      justify-content: space-between;
   }
   .menu-item-add-on-price{
     font-family: 'bligh', sans-serif;
     font-size: 18px;
   }
   .menu-item-add-ons-price .menu-item-food-price{
      padding-bottom: 3px;
   }
   #menu-category-header-wings{
      align-items: center;
      display: flex;
      justify-content: center;
      margin: 40px auto 0 auto;
      width: 650px;
   }
   #menu-category-header-wings h2{
      font-family: 'bligh', sans-serif;
      font-size: 50px;
      padding:  0 5px;
   }
   .menu-item-wings-sauces{
      font-family: 'futura-book', sans-serif;
      font-size: 18px;
      margin: 0 auto;
      text-align: center;
      width: 650px;
   }
   .menu-item-wings-prices{
      display: flex;
      justify-content: space-between;
      margin: 10px auto 20px auto;
      width: 350px;
   }
   .menu-item-wings-price{
      font-family: 'bligh';
      font-size: 24px;
   }
   .menu-item-food-boxes{
      display: flex;
      justify-content: space-between;
      margin: 0 auto 40px auto;
      width: 650px;
   }
   .menu-item-food-box{
      align-content: center;
      border: 3px solid #f8f7ec;
      display: flex;
      flex-direction: column;
      height: 300px;
      justify-content: space-between;
      padding:  10px;
      position: relative;
      text-align: center;
      width: 284px;
   }
   #menu-item-header-food-box-chicken-tenders{
      font-family: 'bligh', sans-serif;
      font-size: 24px;
      line-height: 1;
      text-align: center;
   }
   #menu-item-food-box-fried-grilled{
      font-family: 'brush', sans-serif;
      font-size: 26px;
   }
   .menu-item-food-box-sauces{
      align-items: center;
      display: flex;
      flex-direction: column;
      height: 150px;
      justify-content: space-between;
      margin:  10px 0;
   }
   .menu-item-food-box-title-sauce{
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
   }
   .menu-item-food-box-title-sauce-title{
      font-family: 'bligh', sans-serif;
      font-size: 26px;
      line-height: 1;
   }
   .menu-item-food-box-sauce-sauce{
      font-family: 'futura-book', sans-serif;
      width: 210px;
   }
   .menu-item-food-box-chicken-tenders-price{
      font-family: 'bligh-bold', sans-serif;
      font-size: 32px;
      line-height: 1;
   }
   #menu-item-header-food-box-bar-snacks{
      font-family: 'bligh', sans-serif;
      font-size: 24px;
      line-height: 1;
      text-align: center;
   }
   .menu-item-food-box-bar-snacks{
      margin: 0 auto;
      width: 256px;
   }
   .menu-item-food-box-title-snacks{
      display: flex;
   }
   .menu-item-food-box-title-snack{
      align-items: flex-end;
      display: flex;
      font-family: 'bligh', sans-serif;
      font-size: 20px;
      justify-content: space-between;
      text-align: left;
   }
   .menu-item-food-box .star{
      font-size: 14px;
      width: 22px;
   }
/*MENU | WHISKEY*/
   #menu-category-header-whiskey{
      align-items: center;
      display: flex;
      justify-content: center;
      margin: 0 auto;
      width: 650px;
   }
   .menu-whiskey-type-lines{
      height: 4px;
      width: 100%;
   }
   .menu-category-header span:nth-child(1){
      background-image: linear-gradient(to right, #ebab21 80%, transparent);
   }
   .menu-category-header span:nth-child(3){
      background-image: linear-gradient(to left, #ebab21 80%, transparent);
   }
   #menu-category-header-whiskey h2{
      font-family: 'bligh', sans-serif;
      font-size: 50px;
      padding:  0 10px;
   }
   .menu-whiskey-type-lines{
      height: 4px;
      width: 100%;
   }
   .whiskey-pours{
      display: flex;
      font-family: 'bligh', sans-serif;
      justify-content: center;
   }
   .menu-category-sub-header-whiskey h3{
      font-family: 'brush', sans-serif;
      font-size: 50px;
      margin: 20px 0;
      text-align: center;
   }
   .other-american-whiskeys-city{
      text-transform: capitalize;
   }
/*MENU | ORG*/
   .menu-org-img{
      height: 100%;
      margin: 0 auto;
      width: 700px;
   }
   .menu-org-img img{
      display: block;
      height: 100%;
      width: 100%;
   }
   .menu-org-links{
      display: flex;
      justify-content: space-evenly;
      margin: 20px auto;
      width: 700px;
   }
   .menu-org-link{
      align-items: center;
      background-color: #ebab21;
      border-radius: 5px;
      color: #312e2f;
      display: flex;
      flex-direction: column;
      font-size: 14px;
      font-family: 'bligh', sans-serif;
      height: 40px;
      justify-content: center;
      text-decoration: none;
      transition: .2s;
      width: 156px;
   }
   .menu-org-link:hover{
      background-color: #f8f7ec;
      color:  #BE5043;
      cursor: pointer;
      transition:  .2s;
   }
   .menu-org-bio{
      align-items: center;
      color: #f8f7ec;
      display: flex;
      flex-direction: column;
      font-family: 'bligh', sans-serif;
      font-size: 20px;
      justify-content: center;
      margin: 0 auto;
      padding: 0 0 30px 0;
      text-align: center;
      width: 700px;
   }
   .menu-org-title{
      align-items: center;
      display: flex;
      justify-content: center;
      margin: 20px 0;
      width: 700px;
   }
   .menu-org-title-name{
      font-family: 'bligh', sans-serif;
      font-size: 40px;
      padding: 0 10px;
      text-transform: uppercase;
   }
   .menu-org-title-line{
    height: 4px;
    width: 100%;
   }
   .menu-org-bio p:nth-child(4){
      margin: 20px 0;
   }
   .menu-org-bio p:nth-child(5){
      margin-bottom: 20px;
   }
/*SEASONAL DRINK SPECIALS*/
   .menu-winter-specials .menu-item-daily-drink{
      width: 80%;
   }
/**********
ABOUT PAGE
**********/
   .about-us-jumbotron-image{
      background-color: #312e2f;
      border: 4px solid #BE5043;
      box-sizing: border-box;
      position: relative;
      width: 100%;
   }
   .about-us-jumbotron-image img{
      display: block;
      max-width: 100%;
   }
   .about-us-jumbotron-stars{
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
   }
/*PUBLICATIONS*/
   .publications{
      background-color: #312e2f;
      background-image: url('../media/chalkboard-tall.png');
      background-size: 100%;
      border: 4px solid #BE5043;
      box-sizing: border-box;
      margin-top: 25px;
      position: relative;
      width: 100%;
   }
   .publications-container{
      border: 2px solid #f8f7ec;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      margin: 30px;
      padding-top: 30px;
      width: calc(100% - 60px);
   }
   .publications a{
      text-decoration: none;
   }
   .publication-box{
      align-items: center;
      border-bottom: 2px solid #BE5043;
      border-left: 2px solid #BE5043;
      border-right: 2px solid #BE5043;
      border-top: 2px solid transparent;
      display: flex;
      height: 230px;
      justify-content: center;
      margin: 40px 0 34px 0;
      position: relative;
      transition: .3s;
      width: 350px;
   }
   .publication-box .star{
      font-size: 14px;
      width: 21px;
   }
   .publication-logo{
      align-items: flex-start;
      display: flex;
      height: 90px;
      justify-content: center;
      position: absolute;
      top: -2px;
      width: 354px;
   }
   .publication-logo img{
      margin-top: -45px;
      max-height: 90px;
      max-width: 280px;
      padding: 0 10px;
   }
   .publication-logo-span{
      background-color: #BE5043;
      height: 2px;
      transition: .3s;
      width: 100%;
   }
   .publication-headline{
      color: #f8f7ec;
      font-family: 'bligh', sans-serif;
      font-size: 22px;
      text-align: center;
      max-width: 280px;
   }
   .publication-box-hover-borders{
      border-bottom: 2px solid #ebab21;
      border-left: 2px solid #ebab21;
      border-right: 2px solid #ebab21;
      transition: .3s;
   }
   .publication-box-hover-border{
      background-color: #ebab21;
      transition: .3s;
   }
/*PUBLICATION VIDEO*/
   .publication-video{
      background-image: url('../media/venue/venue-12.jpg');
      background-position: 0 -114px;
      background-size: cover;
      border: 2px solid #BE5043;
      height: 300px;
      margin: 4px 0 40px 0;
      position: relative;
      width: calc(100% - 70px);
   }
   .publication-video-toggle{
      border: 2px solid #ebab21;
   }
   .publication-video img{
      display: block;
      max-width: 100%;
   }
   .irpino-gold-arrow{
     opacity: 0;
     transition: .2s;
   }
   .irpino-gold-arrow-toggle{
     opacity: 1;
     transition: .2s;
   }
   .publication-overlay{
      background-color: rgba(0,0,0,.5);
      height: calc(100% - 20px);
      left: 0;
      padding: 10px;
      position: absolute;
      top: 0;
      transition: .2s;
      width: calc(100% - 20px);
   }
   .publication-overlay-toggle{
      background-color: rgba(0,0,0,.8);
   }
   .publication-video p{
      color: #f8f7ec;
      font-family: 'bligh-bold', sans-serif;
      font-size: 18px;
      text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 2.7px 2.7px #be5043;
   }
   .publication-video-logo{
      padding: 10px;
      position: absolute;
      right: 0;
      top: 0;
      width: 80px;
   }
   .publication-arrow{
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
   }
   .publication-arrow img{
      width: 100px;
   }
/*PUBLICATION LOGO ADJUSTMENTS*/
   #chicago-magazine-logo-adjust{
      margin-top: -21px;
   }
   #no-depression-logo-adjust{
      margin-top: -27px;
   }
   #the-infatuation-logo-adjust{
      margin-top: -36px;
   }
   #thrillist-logo-adjust{
      margin-top: -40px;
   }
/**********
CONTACT
**********/
/*CONTACT TOP*/
   .matchbook{
      margin: 20px auto 0 auto;
      max-width: 1500px;
      width: 100%;
   }
   .matchbook-container{
      align-items: center;
      background-color: #F8F1E1;
      box-shadow: 0px 0px 15px 8px #000;
      display: flex;
      justify-content: space-evenly;
      max-width: 1100px;
      margin: 0 auto;
      width: 100%;
   }
   .matchbook-image{
      max-width: 500px;
   }
   .matchbook-image img,
   .matchbook-info img{
      width: 100%;
   }
   .matchbook-info{
      display: flex;
      flex-direction: column;
      font-family: 'bligh-bold', sans-serif;
      font-size: 22px;
      max-width: 350px;
      text-align: center;
   }
   .matchbook-info a{
      color: #312e2f;
      text-decoration: none;
   }
   .matchbook-info a:nth-child(3){
      color: #BE5043;
      font-size: 25px;
   }
   .matchbook-info a:nth-child(5){
      color: #BE5043;
      font-size: 20px;
   }
   .matchbook-info span{
      color: #ebab21;
      font-size: 10px;
      vertical-align: middle;
   }
/*CONTACT BOXES*/
   .contact{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      margin: 30px auto;
      max-width: 1200px;
      width: 100%;
   }
   .contact-container{
      border: 1px solid #000;
      box-shadow: -10px 10px 10px #000;
      margin: 5px;
      width: 330px;
   }
   .contact-wrapper{
      background-image: url('../media/backgrounds/felt-wide.jpg');
      background-size: 100%;
      border: 8px solid #D0CCC1;
      border-bottom-color: #D1CDC2;
      border-left-color:#9E9B93;
      border-right-color:#9E9B93;
      border-top-color: #52504C;
      height: 500px;
      padding: 10px;
      text-align: center;
      width: calc(100% - 36px);
   }
   .contact-form-wrapper{
      display: flex;
      flex-direction: column;
      height: 400px;
      justify-content: space-between;
      overflow: hidden;
      position: relative;
   }
   .contact-title h3{
      color: #fff;
      font-family: 'converse', sans-serif;
      font-size: 32px;
      margin: 10px 0 10px 0;
   }
   .contact-question{
      color: #fff;
      font-family: 'converse', sans-serif;
      font-size: 18px;
      text-transform: uppercase;
   }
   .contact-answer{
      color: #fff;
      font-family: 'board-thick', sans-serif;
      font-size: 20px;
   }
   .contact a{
      color: #fff;
   }
/*contact FORM*/
   .contact-form-input input{
      background-color: transparent;
      border-left: none;
      border-right: none;
      border-top: none;
      color: #fff;
      font-family: 'board-thick', sans-serif;
      font-size: 18px;
      margin: 3px 0;
      padding: 0 0 0 0px;
      width: calc(100% - 5px);
   }
   .contact-form-input label{
      background-color: transparent;
      border-left: none;
      border-right: none;
      border-top: none;
      color: rgba(255,255,255,0.4);
      font-family: 'board-thick', sans-serif;
      font-size: 18px;
      margin: 3px 0;
      padding: 0 0 0 0px;
      text-align: left;
      width: 100%;
   }
   .contact-form-input textarea{
      background-color: transparent;
      border-bottom-width: 2px;
      border-left: none;
      border-right: none;
      border-top: none;
      color: #fff;
      font-family: 'board-thick', sans-serif;
      font-size: 18px;
      height: 62px;
      margin: 3px 0;
      width: calc(100% - 6px);
   }
   .form-buttons{
      bottom: 0;
      display: flex;
      justify-content: space-evenly;
      position: absolute;
      width: 100%;
   }
   .form-buttons input{
      background-color: transparent;
      border: none;
      color: #fff;
      font-family: 'converse', sans-serif;
      font-size: 24px;
      padding-top: 8px;
      z-index: 10;
   }
   .form-buttons input:hover{
      cursor: pointer;
   }
   #contact-page-parties textarea{
      height: 30px;
   }

/**********
PRIVACY POLICY
**********/
   .privacy{
      background-color: #312e2f;
      background-image: url('../media/chalkboard-tall.png');
      background-size: 100%;
      border: 4px solid #BE5043;
      box-sizing: border-box;
      margin-top: 25px;
      position: relative;
      width: 100%;
   }
   .privacy-container{
      align-items: flex-start;
      border: 2px solid #f8f7ec;
      color: var(--white);
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      margin: 30px;
      padding: 30px;
      width: calc(100% - 120px);
   }
   .privacy-h1{
    font-family: 'bligh-bold', sans-serif;
    font-size: 40px;
   }
   .privacy-p{
    font-family: 'futura-book', sans-serif;
    font-size: 18px;
   }
   .privacy-secondary-bold-modified{
    font-family: 'bligh-bold', sans-serif;
    font-size: 18px;
    margin: 35px 0;
   }
   .privacy-secondary-bold-heading{
    font-family: 'bligh-bold', sans-serif;
    font-size: 18px;
    margin: 45px 0 15px 0;
   }
   .privacy-secondary-bold-inline{
    font-family: 'bligh-bold', sans-serif;
    margin-right: 10px;
   }
   .privacy-secondary-link{
    color: var(--white);
    text-decoration: underline;
   }
   .privacy-list-inline{
    margin: 20px 0;
   }
   .privacy-list li,
   .privacy-list-inline li{
    font-family: 'futura-book', sans-serif;
    font-size: 18px;
    list-style: initial !important;
    margin-left: 45px;
   }
   .privacy-secondary-italic{
    font-family: 'futura-book', sans-serif;
    font-size: 18px;
    font-style: italic;
    margin: 10px 0;
   }
   .privacy-column-header{
    font-family: 'bligh-bold', sans-serif;
   }
   .privacy-column-content{
    align-items: center;
    display: flex;
    font-family: 'futura-book', sans-serif;
    justify-content: space-between;
    font-size: 18px;
    margin: 20px 0;
   }
   .privacy-column-1{
    width: 25%;
   }
   .privacy-column-2{
    width: 70%;
   }
/**********
PHP
**********/
   .page-form-php{
      align-items: center;
      background-color: #312e2f;
      display: flex;
      flex-direction: column;
      height: 100%;
   }
   .form-logo-php{
      width: 400px;
   }
   .form-logo-php img{
      display: block;
      width: 100%;
   }
   .form-p-php{
      color:  #f8f7ec;
      font-family: 'bligh', sans-serif;
      font-size: 38px;
      text-shadow: 1px 1px #000,
                  -1px 1px #000,
                  1px -1px #000,
                 -1px -1px #000,
                 2px 2px 2px #000,
                  -2px 2px 2px #000,
                  2px -2px 2px #000,
                 -2px -2px 2px #000;
      text-transform: uppercase;
   }

/******************
 * MEDIA QUERIES *
******************/
  @media(max-width:1500px){
    .homepage-pop-up-image{
      width: 70%;
    }
  }
  @media(max-width:1350px){
    .upcoming-live-wrapper{
      flex-direction: column;
      width: calc(100% - 20px);
    }
    .upcoming-live{
      width: 100%;
    }
    .upcoming-live-next-wrapper{
      height: 382px;
      margin: 20px 0 0 0;
    }
    .upcoming-live-next-slides{
      margin: 20px 0 20px -.8px;
      width: 103.5%;
    }
    .upcoming-live-next-slides .slick-list{
      margin-left: -246px !important;
      margin-top: 0 !important;
    }
    .upcoming-live-next-slide {
      box-sizing: border-box;
      height: 250px !important;
      margin: 0 10px;
    }
    .upcoming-live-next-title{
      margin-bottom: 3px;
    }
    .upcoming-live-next-slide-image{
      height: 100%;
    }
    .upcoming-live-next-slide-image img{
      height: 100%;
    }
    .upcoming-live-next-slide-image-desktop{
      display: none;
    }
    .upcoming-live-next-slide-image-not-desktop{
      display: block;
    }
    .upcoming-live-next-slide-box-info-artist{
      line-height: 1;
    }
    .specials{
      margin: 0 10px;
      width: 950px;
    }
    .specials-container{
      width: 100%;
    }
    .specials-section-top{
      width: 100%;
    }
    .specials-section-bottom{
      display: none;
    }
    .specials-days{
      justify-content: center;
    }
    .specials-days-column{
      width: 40%;
    }
    .specials-day{
      align-items: center;
      display: flex;
      flex-direction: column;
    }
    .specials-day span{
      display: block;
      text-align: center;
      width: auto;
    }
    .specials-day-items-item-wrapper{
      justify-content: center;
    }
    .merch{
      margin: 0 auto;
      width: 950px;
    }
  }
  @media(max-width:1340px){
    footer{
      padding: 20px 0;
    }
  }
  @media(max-width:1300px){
    .homepage-pop-up-image{
      width: 80%;
    }
    .footer-container{
      max-width: 100%;
    }
    .event-image-landscape{
      display: none;
    }
    .event-image-square{
      display: block;
    }
    .event-image-square img{
      object-fit: contain;
    }
  }
  @media(max-width:1215px){
    .homepage-info-boxes{
      flex-direction: column;
      width: 100%;
    }
    .homepage-info-box{
      width: 100%;
    }
    .homepage-info-box-contact{
      margin-bottom: 50px;
    }
  }
  @media(max-width:1210px){
    .homepage-boxes{
      justify-content: space-evenly;
      width: 100%;
    }
    .homepage-box{
      margin: 0 20px 50px 20px;
    }
    .homepage-info-box{
      margin: 0;
    }
    .homepage-info-box-contact{
      margin-bottom: 50px;
    }
  }
  @media(max-width:1200px){
    body{
      background-size: 150%;
    }
    .homepage-pop-up-image{
      width: 90%;
    }
    .homepage-box-about{
      height: auto;
    }
    .homepage-box-content-about{
      height: auto;
    }
    .event-artist{
      font-size: 26px;
    }
    .event-artist span,
    .event-artist-subtext{
      font-size: 18px;
    }
    .event-calendar{
      margin: 0 0 5px 0;
    }
    .event-calendar-date{
      font-size: 20px;
    }
    .event-calendar-time-span{
      font-size: 16px;
    }
    .event-calendar-time-age{
      font-size: 16px;
    }
    .event-buttons{
       flex-wrap: wrap;
       justify-content: space-between;
    }
    .event-button{
       font-size: 14px;
       margin: 5px 0 0 0;
    }
    .event-button-tickets{
       width: 100%;
    }
    .event-button-red{
       flex-grow: 1;
       width: auto;
    }
    .event-button-fb{
       margin: 5px 5px 0 5px;
    }
    .event-button-image-top-toggle{
       opacity: 1;
    }
    .event-button-tickets:hover{
       background-color: #ebab21;
       box-shadow: 0 5px 2px 1px #000;
       color: #f8f7ec;
       transition: .2s;
    }
    .event-button-red:hover{
       background-color: #be5043;
       box-shadow: 0 5px 2px 1px #000;
       color: #f8f7ec;
       transition: .2s;
    }
    .event-button:hover > .event-button-span{
       filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, .6));
       text-shadow: 1px 1px 1px rgba(0,0,0,.9), 1px -1px 1px rgba(0,0,0,.9), -1px 1px 1px rgba(0,0,0,.9), -1px -1px 1px rgba(0,0,0,.9);
       transform: scale(1);
       transition: .1s;
      }
    .event-cursor:hover{
       cursor: pointer;
      }
    .event-details-back-close:hover{
       background-color: rgba(0,0,0,0);
       color: #f7f7ec;
       transition: .2s;
      }
  }
  @media(max-width:1050px){
    .socials-container{
      width: 100%;
    }
    .socials-content{
      align-items: center;
      flex-direction: column;
    }
    .socials-title h2{
      align-items: center;
    }
    .socials-content-socials{
      justify-content: center;
    }
    .event-artist,

    .event-bottom-section{
      padding-left: 5px;
    }
  }
  @media(max-width:1010px){
    .event-details-date{
      display: none;
    }
    .event-artist{
      width: 100%;
    }

  }
  @media(max-width:1000px){
    .header-links{
      display: none;
    }
    .header-mobile-wrapper{
      display: block;
    }
    .header-desktop-container{
      padding: 10px;
      width: calc(100% - 10px);
    }
    .page-wrapper-overlay{
      display: block;
    }
    .upcoming-live-next-slides{
      margin: 20px 0 20px -.5px;
      width: 103.9%;
    }
  }
  @media(max-width:970px){
    .specials{
      width: auto;
    }
    .merch{
      height: auto;
      margin: 0 10px;
      width: calc(100% - 20px);
    }
    .merch-section{
      align-items: center;
      flex-direction: column;
      width: 100%;
    }
    .merch-blurb{
      width: 100%;
    }
    .todays-specials-button-merch{
      margin: 40px 0 20px 0;
      position: relative;
    }
    .merch-slideshow-items{
      width: 50%;
    }
  }
  @media(max-width:901px){
    body{
      background-size: 200%;
    }
    .upcoming-live-event-overlay{
      bottom: 10px;
      left: 10px;
    }
    .upcoming-live-event-button{
      font-size: 14px;
      height: 27px;
      width: 120px;
    }
    .upcoming-live-next-slides{
      margin: 20px 0 20px -.5px;
      width: 102.4%;
    }
    .socials-title-top{
      margin: 0 20px;
      text-align: center;
    }
    .specials-container{
      width: calc(100% - 40px);
    }
    .specials-days{
      flex-direction: column;
    }
    .specials-days-column{
      width: 100%;
    }
    .event{
       flex-direction: column;
       height: auto;
       margin: 15px 0;
       width: 100%;
    }
    .events-wrapper{
       flex-wrap: wrap;
    }
    .event-image-wrapper{
       max-height: 270px;
       width: calc(100% - 40px);
    }
    .event-details-wrapper{
       margin-top: 30px;
       min-height: none;
       width: 100%;
    }
    .event-details{
       height: auto;
       justify-content: space-between;
       padding: 10px;
    }
    .event-details-date {
      display: flex;
      right: 26px;
      top: -265px;
      z-index: 10;
    }
    .event-artist{
       width: calc(100% - 10px);
    }
    .event-artist, .event-bottom-section{
      padding-left: 0;
    }
    .event-calendar{
      margin-bottom: 5px !important;
    }
    .event-buttons{
       width: 100%;
    }
    .event-details-back-container{
       width: calc(100% - 40px);
    }
    .event-details-date{
       animation: none !important;
       opacity: 1 !important;
       transform: none !important;
    }
    .event-image img{
      object-position: top;
    }
  }
  @media(max-width:880px){
    .ticketweb-popup-container{
      align-items: center;
      flex-direction: column;
    }
    .ticketweb-x{
      margin-left: 0;
      margin-top: 10px;
    }
    .ticketweb-x:hover{
      background-color: inherit;
      color: inherit;
      transition: 0s;
    }
  }
  @media(max-width:850px){
    .jumbotron-slide img{
      object-position: 50% 50%;
    }
    .homepage-box{
      width: 250px;
    }
    .homepage-box-square{
      height: 250px;
      width: 250px;
    }
    .homepage-box-content{
      background-size: 60%;
    }
    .homepage-box-content-title{
      font-size: 28px;
    }
    .homepage-box-content{
     height: 440px;
    }
    .homepage-box-content-about{
      height: auto;
    }
    .homepage-box-content-blurb-about{
      margin: 30px 0 10px 0;
    }
    .homepage-box-content-title-about{
      display: block;
      float: none;
      margin: 0 0 10px 0;
    }
    .homepage-box-content-title-about h3{
      flex-direction: row;
      justify-content: center;
    }
    .about-chicagos{
      margin-right: 8px;
    }
    .homepage-partners-box-content{
      height: auto;
    }
    .homepage-box-content-partners-partner{
      flex-direction: column;
      margin: 20px 0;
    }
    .homepage-box-content-partner-text-heading{
      flex-direction: column;
      height: 80px;
      margin: 20px 0;
    }
    .homepage-box-content-partner-logo{
      margin-right: 0;
    }
    .homepage-box-content-partner-blurb{
      text-align: center;
    }
    .homepage-info-box{
      width: 100%;
    }
    .footer-category-section{
      align-items: center;
      flex-direction: column;
    }
    .footer-category-connect{
      order: 2;
      width: 100%;
    }
    .footer-category-info{
      margin: 40px 0;
      order: 1;
      width: 100%;
    }
    .footer-category-logo{
      order: 0;
      margin-top: 20px;
    }
  }
  @media(max-width:735px){
    .upcoming-live-next-slides{
      margin: 20px 0 20px -.5px;
      width: 104.2%;
    }
    .homepage-box-content-title-about h3{
      align-items: center;
      flex-direction: column;
      justify-content: center;
    }
  }
  @media(max-width:700px){
    body{
      background-size: 250%;
    }
    .header-dropdown-content{
      height: calc(100% - 100px);
    }
    .header-dropdown-logo{
      width: 200px;
    }
    .merch-slideshow-items{
      width: 70%;
    }
    .homepage-box-poster-container-about-building{
      bottom: -95px;
      width: 90%;
    }
    .homepage-box-poster-container-about-building img{
      object-fit: contain;
    }
  }
  @media(max-width:680px){
    .homepage-info-box-poster-about{
      height: 380px;
    }
  }
  @media(max-width:650px){
    .homepage-boxes-container{
      padding: 20px 0;
    }
    .homepage-boxes{
      justify-content: center;
    }
    .homepage-box{
      margin: 0 10px 20px 10px;
      width: 220px;
    }
    .homepage-box-square{
      height: 220px;
      width: 220px;
    }
    .homepage-box-content{
      height: 500px;
    }
    .homepage-box-content-about{
      height: auto;
    }
    .homepage-box-content-title{
      font-size: 24px;
    }
    .homepage-partners-box-content{
      height: auto;
    }
    .homepage-info-container{
      width: calc(100% - 40px);
    }
    .homepage-info-box-contact{
      margin: 0 0 50px 0;
      width: 100%;
    }
    .homepage-info-box-hours{
      margin: 0 0 50px 0;
      width: 100%;
    }
  }
  @media(max-width:600px){
    /**************
     * TEMPORARY *
    **************/
    .upcoming-live-next-slide-box-info-artist-plus{
      margin: 0 0 3px 0;
    }
    /*************/
    .header-dropdown-logo{
      width: 150px;
    }
    .header-dropdown-links{
      margin: 20px 0 0 0;
    }
    .header-dropdown-links li{
      margin: 4px 0;
    }
    #header-dropdown-link-tickets{
      margin-bottom: 8px;
    }
    .header-dropdown-info{
      margin-top: 0;
    }
    .header-dropdown-info a{
      font-size: 14px;
    }
    .socials-container{
      padding: 20px 0;
    }
    .socials-title-top{
      font-size: 42px;
    }
    .socials-title-middle{
      font-size: 24px;
    }
    .socials-content-bottom{
      height: auto;
      padding-top: 20px;
      width: calc(100% - 20px);
    }
    .socials-newsletter{
      padding-top: 30px;
      width: 100%;
    }
    .contact-form-box-socials{
      align-items: center;
      flex-direction: column;
      justify-content: center;
    }
    .socials-contact-mailing{
      height: 35px;
      margin-bottom: 10px;
      width: 100%;
    }
    .homepage-content-links-contact-link{
      width: 100%;
    }
    .contact-form-box{
      align-items: center;
      flex-direction: column;
      justify-content: center;
    }
    .contact-newsletter{

      width: 100%;
    }
     .contact-contact-mailing {
      height: 35px;
      margin-bottom: 10px;
      width: 100%;
    }
    .footer-logo-option-partner{
      height: 60px;
      width: 60px;
    }
  /*LIVE ENTERTAINMENT PAGE*/
    .event-calendar-time-times{
      flex-direction: column;
      text-align: center;
    }
    .event-calendar-time-span{
      width: 100%;
    }
    .event-calendar-separator-doors{
      display: none;
    }

  }
  @media(max-width:570px){
    .homepage-info-box-poster-about{
      height: 310px;
    }
  }
/*MOBILE PORTRAIT*/
@media only screen and (max-width: 600px) and (orientation: portrait) {
  /**************
   * TEMPORARY *
  **************/
  #next-10-24-24-iris-marlowe img{
    object-position: left;
  }    
  /*CORNER STARS*/
     .star{
        font-size: 15px;
        width: 22px;
     }
    .page-wrapper{
      overflow-x: hidden;
    }
    .content-wrapper{
      margin: 120px auto 25px auto;
      max-width: 1258px;
      width: calc(100% - 20px);
    }
    .upcoming-live-event-overlay{
      align-items: center;
      width: calc(100% - 40px);
    }
    .upcoming-live-event-overlay-container{
     text-align: center;
    }
    .upcoming-live-event-artist{
      height: auto;
    }
    .upcoming-live-event-buttons{
      justify-content: center;
      width: auto;
    }
    .upcoming-live-next-slides{
      margin: 20px 0 0 -.5px;
    }
    .homepage-box-content-blurb-about{
      text-align: center;
    }
    .socials{
      margin: 20px -4px 40px;
    }
    .socials-title-top{
      font-size: 38px;
    }
    .socials-title-middle{
      font-size: 18px;
      margin-top: 15px;
    }
    .specials-title h3{
      font-size: 36px;
      letter-spacing: -2px;
    }
    .socials-content-socials-logo img{
      height: 100%;
      max-height: 35px;
      max-width: 35px;
      width: 100%;
    }
    .homepage-box{
      width: 100%;
    }
    .homepage-box-content{
      height: auto;
    }
    .homepage-box-square{
      height: 359px;
      width: 100%;
    }
    .merch-title h3{
      font-size: 36px;
      letter-spacing: -2px;
    }
    .merch-slideshow-items{
      width: 90%;
    }
    .todays-specials-button-merch-proof{
      bottom: 0;
    }
    .homepage-info-container{
      padding: 50px 20px 0 20px;
    }
    .homepage-info-box-poster-about{
      height: 230px;
    }
    .homepage-box-poster-container-about-building{
      top: -30px;
      width: 98%;
    }
    .homepage-box-content-container-about{
      padding: 20px;
    }
    .desktop-title{
      display: none;
    }
    .mobile-title{
      display: block;
      font-size: 32px;
    }
    .about-chicagos{
      font-size: 32px;
      margin: 0;
    }
    .homepage-boxes-container{
      margin: 20px 0 0 0;
    }
    .homepage-box-content{
      background-size: 60%;
    }
    .homepage-box-content-title-mobile span{
      text-align: center;
      background: linear-gradient(to bottom, #f8f7ec 40%, #ebab21 60%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      font-family: 'bligh-bold', sans-serif;
      filter: drop-shadow(0 0 2px #000);
    }
    .homepage-box-content-cta-partner{
      width: calc(100% - 20px);
    }
    .homepage-box-content-title h3{
      font-size: 32px;
    }
    .homepage-content-links-contact-link{
      margin-bottom: 20px;
    }
    .homepage-box-content-links-contact-title{
      margin-bottom: 5px;
    }
    .desktop-text{
      display: none;
    }
    .mobile-text{
      display: block;
    }
    .homepage-info{
      background-size: 100%;
    }
    .homepage-info-section{
      width: 100%;
    }
    .homepage-content-links-contact-link-subscribe{
      margin-bottom: 0;
    }
    .homepage-box-content-links-contact-title, .homepage-box-content-hours-title{
      font-size: 24px;
    }
    .homepage-box-content-links-contact-item, .homepage-box-content-hours-item{
      font-size: 18px;
    }
    .homepage-content-hours-day{
      margin-bottom: 20px;
    }
    .homepage-content-hours-day-saturday{
      margin-bottom: 0;
    }
    #contact-contact-submit{
      margin-bottom: 0;
    }
    .footer-container{
      margin: 0 auto 0 -5px;
      padding: 0;
      width: 100%;
    }
    .footer-category{
      width: 100%;
    }
    #footer-contact-submit,
    #footer-contact-mailing{
      width: 100%;
    }
  /*LIVE ENTERTAINMENT PAGE*/
    .event-no-ticket{
      min-height: 581px
    }
    .event-no-ticket-details-wrapper{
      min-height: 288px;
    }
    .event{
      background-repeat: repeat;
      background-size: 300%;
    }
    .event-image-wrapper {
      max-height: 270px;
      min-height: 270px;
      width: calc(100% - 20px);
    }
    .event-image{
      width: calc(100% - 20px);
    }
    .event-details-wrapper{
      background-image: none;
    }
    .event-artist{
      font-size: 20px;
    }
    .event-artist span,
    .event-artist-subtext{
      font-size: 18px;
    }
    .event-details-date{
      bottom: 0;
      font-size: 20px;
      height: 50px;
      right: 25px;
      top: -266.5px;
      width: 50px;
    }
    .event-line-break{
      width: 100%;
    }
    .event-line-break-line{
      width: 85%;
    }
    .event-calendar{
      margin: 0;
    }
    .event-calendar-advance{
      height: 105px;
    }
    .event-calendar-time-age-advance{
      flex-direction: column;
    }
    .event-calendar-time-age-advance .vertical-bar{
      display: none;
    }
    .event-calendar-date{
      font-size: 20px;
    }
    .event-calendar-time-times{
      align-items: center;
      display: flex;
      flex-direction: column;
      text-align: center;
    }
    .event-calendar-time-span{
      width: 100%;
    }
    .event-calendar-separator-doors{
      display: none;
    }
  /*MENU PAGE*/
    #menu-page-content-wrapper{
     overflow-x: hidden;
    }
  /*PROMO BOX CENTER*/
    #promo-box-center{
      background-blend-mode: normal;
      background-image: url("../media/menus/all-the-foods.jpg");
      background-size: cover;
      justify-content: space-around;
      margin: 25px 0 0 0;
    }
    .burger-coins{
     position: relative;
    }
    .burger-coins::before{
     content: "";
     position: absolute;
     background-color: rgba(0,0,0,.3);
     height: 100%;
     left: 0;
     top: 0;
     width: 100%;
    }
    .burger-coin{
      width: 150px;
      height: 150px;
    }
    .burger-coin-container{
     margin: -4px 0 0 -4px;
    }
    .burger-button-back,
    .burger-button-front{
     box-shadow: 0 0 15px 3px rgba(0,0,0,1);
    }
    .burger-button-front a{
      align-self: center;
      color: #000;
      font-family: 'futura-bold', sans-serif;
      font-size: 19px;
      margin: 0 auto;
      max-height: 100%;
      max-width: 160px;
      text-align: center;
      text-decoration: none;
    }
    .burger-button-back img{
      opacity: 0;
    }
     .burger-coin:hover .burger-coin-container {
        cursor: pointer;
        transform: rotateY(0deg) scale(1);
        transition:  0s;
    }
    /*PARTIES FORM*/
   .form{
      box-shadow: 0 0 10px 5px #000;
      margin-top: 25px;
      width: calc(100% - 37px);
   }
   .contact-title h3{
      letter-spacing: -3px;
   }
   .form-section-input input{
      border-bottom: 2px solid #f8f7ec;
      width: calc(100% - 5px);
   }
   .form-section-input label{
      background-color: transparent;
      border-left: none;
      border-right: none;
      border-top: none;
      color: rgba(255,255,255,0.4);
      font-family: 'board-thick', sans-serif;
      font-size: 16px;
      margin: 3px 0;
      padding: 0 0 0 0px;
      text-align: left;
      width: 100%;
   }
   .form-section-input textarea{
      border-bottom: 2px solid #f8f7ec;
   }
   .form-buttons{
      bottom: 0;
      display: flex;
      justify-content: space-evenly;
      position: absolute;
      width: 100%;
   }
   .form-buttons input{
      background-color: transparent;
      border: none;
      color: #fff;
      font-family: 'converse', sans-serif;
      font-size: 24px;
      padding-top: 8px;
      z-index: 10;
   }
   .form-buttons input:hover{
      cursor: pointer;
   }
   #contact-page-parties textarea{
      height: 30px;
   }
   #parties-page-form-section{
      height: 450px;
   }
/**********
CONTACT
**********/
/*CONTACT TOP*/
   .matchbook{
      margin: 0 auto;
      max-width: 1500px;
      width: 100%;
   }
   .matchbook-container{
      align-items: center;
      background-color: #F8F1E1;
      box-shadow: 0px 0px 10px 5px #000;
      display: flex;
      justify-content: space-evenly;
      max-width: 100%;
      margin: 0 auto;
      width: calc(100% - 20px);

      flex-direction: column;
      padding: 10px;
   }
   .matchbook-image{
      max-width: 350px;
   }
   .matchbook-image img,
   .matchbook-info img{
      width: 100%;
   }
   .matchbook-info{
      display: flex;
      flex-direction: column;
      font-family: 'bligh-bold', sans-serif;
      font-size: 22px;
      max-width: 300px;
      text-align: center;
   }
   .matchbook-info a{
      color: #312e2f;
      text-decoration: none;
   }
   .matchbook-info a:nth-child(3){
      color: #BE5043;
      font-size: 25px;
   }
   .matchbook-info a:nth-child(5){
      color: #BE5043;
      font-size: 20px;
   }
   .matchbook-info span{
      color: #ebab21;
      font-size: 10px;
      vertical-align: middle;
   }
/*CONTACT BOXES*/
   .contact-container{
      box-shadow: 0 0 10px 5px #000;
      margin: 0;
      width: 100%;
   }
   #plan-your-party .contact-wrapper{
      height: 504px;
   }
   #plan-your-party .contact-form-wrapper{
      height: 444px;
   }
   #book-your-band{
      margin: 25px 0;
   }
   #book-your-band .contact-wrapper{
      height: 360px;
   }
   #book-your-band .contact-form-wrapper{
      height: 300px;
   }
   #team-sponsorship .contact-wrapper{
      height: 438px;
   }
   #team-sponsorship .contact-form-wrapper{
      height: 378px;
   }
   .contact-title h3{
      color: #fff;
      font-family: 'converse', sans-serif;
      font-size: 32px;
      margin: 10px 0 10px 0;
   }
/*contact FORM*/
   .contact-form-input input{
      border-bottom: 2px solid #f8f7ec;
   }
   .contact-form-input textarea{
      border-bottom: 2px solid #f8f7ec;
   }
   .form-buttons{
      bottom: 0;
      display: flex;
      justify-content: space-evenly;
      position: absolute;
      width: 100%;
   }
   .form-buttons input{
      background-color: transparent;
      border: none;
      color: #fff;
      font-family: 'converse', sans-serif;
      font-size: 24px;
      padding-top: 8px;
      z-index: 10;
   }
   .form-buttons input:hover{
      cursor: pointer;
   }
   #contact-page-parties textarea{
      height: auto;
   }
   /**********
ABOUT PAGE
**********/
   .about-us-jumbotron-image{
      height: calc(60vh + 4px);
   }
   .about-us-jumbotron-image img{
      height: 100%;
      object-fit: cover;
      object-position: 86% 0;
   }
/*PUBLICATIONS*/
   .publications{
      background-color: #312e2f;
      background-image: url('../media/chalkboard-tall.png');
      background-size: 100%;
      border: 4px solid #BE5043;
      box-sizing: border-box;
      margin-top: 25px;
      position: relative;
      width: 100%;
   }
   .publications-container{
      border: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      margin: 20px;
      padding-top: 0;
      width: calc(100% - 40px);
   }
   .publications-container a{
      width: 100%;
   }
   .publication-video{
      width: 100%;
   }
   .publication-video p{
      text-align: center;
   }
   .publication-video-logo{
      bottom: 0;
      top: unset;
   }
   .publication-arrow img{
      width: 50px;
   }
   #irpino-video{
      background-position: 0%;
   }
   .publication-box{
      height: 200px;
      width: calc(100% - 4px);
   }
   .publication-logo{
      width: calc(100% + 4px);
   }
   .publication-logo img{
      margin-top: -32px;
      max-height: 80px;
      max-width: 180px;
   }
   #thrillist-logo-adjust{
      margin-top: -27px;
   }
   #chicago-magazine-logo-adjust{
      margin-top: -22px;
   }
   #chicago-eater-logo-adjust{
      margin-top: -35px;
   }
   #chicago-reader-logo-adjust{
      margin-top: -35px;
   }
   #block-club-logo-adjust{
      margin-top: -37px;
   }
   #no-depression-logo-adjust {
    margin-top: -18px;
   }
   #timeout-logo-adjust{
      margin-top: -35px;
   }
   #the-infatuation-logo-adjust {
    margin-top: -16px;
   }
   .publication-headline{
      font-size: 20px;
      padding: 20px 10px 0 10px;
   }
   /**********
MENU PAGE
**********/
   .menu-container{
      margin: 20px;
   }
   .menu-title{
      padding-top: 16px;
      font-size: 29px;
      letter-spacing: -3px;
      line-height: 45px;
   }
   .menu-title-line{
      margin-top: -16px;
   }
   .menu-header{
      margin:  10px auto;
      width: calc(100% - 20px);
   }
   .menu-categories{
      height: auto;
      width: 100%;
   }
   .menu-header-category{
      height: 70px;
      margin: 5px 0;
      line-height: 1.2;
      width: calc(50% - 5px);
   }
   .menu-food{
      padding: 0 10px;
   }
   #menu-category-header-wings{
      width: 100%;
   }
   #menu-category-header-wings h2{
      font-family: 'bligh', sans-serif;
      font-size: 32px;
      letter-spacing: -2px;
      padding: 0;
   }
   .menu-drinks-wings-lines{
      height: 2px;
   }
   .menu-category-header span:nth-child(1){
      background-image: linear-gradient(to right, #ebab21 50%, transparent 100%);
   }
   .menu-category-header span:nth-child(3){
      background-image: linear-gradient(to left, #ebab21 50%, transparent 100%);
   }
   #br-desktop{
      display: none;
   }
   #br-mobile{
      display: block;
   }
   .menu-item-food-price{
      margin: 0 auto;
      width: calc(100% - 160px);
   }
   .menu-items-foods{
      width: 100%;
   }
   .menu-item{
      text-align: center;
   }
   .menu-botm-section{
      display: flex;
      flex-direction: column;
      align-items: center;
   }
 /*  .menu-botm-section .menu-item span{
      padding: 0 10px;
   }
*/
   .menu-item-food{
      text-align: center;
   }
   .menu-item-ingredients{
      margin-bottom: 10px;
      text-align: center;
      width: 100%;
   }
   .menu-item-ingredients-solo{
      align-items: center;
      flex-direction: column;
   }
   .menu-item-ingredients-solo span:nth-child(1){
      margin-bottom: 10px;
      width: 100%;
   }
   #menu-item-food-chicken-sandwich{
      flex-direction: column;
   }
   .menu-items-add-ons{
      align-items: center;
      flex-direction: column;
      width: 100%;
   }
   .menu-items-add-ons-header{
      margin-bottom: 5px;
   }
   .menu-item-add-ons-price-wrapper{
      align-items: center;
      flex-direction: column;
   }
   .menu-item-add-ons-price{
      padding: 3px 0;
   }
   .menu-item-wings-sauces{
      width: 100%;
   }
   .menu-item-wings-prices{
      justify-content: space-around;
      width: 100%;
   }
   .menu-item-wings-price{
      font-size: 22px;
   }
   .menu-item-food-boxes{
      flex-direction: column;
      margin: 0 auto 10px auto;
      width: 100%;
   }
   .menu-item-food-boxes .menu-item-food-box:nth-child(2){
      margin-top: 10px;
   }
   .menu-item-food-box{
      width: calc(100% - 26px);
   }
   #menu-item-header-food-box-chicken-tenders{
      font-size: 22px;
      letter-spacing: -3px;
      padding:  0 20px;
   }
   #menu-item-header-food-box-bar-snacks{
      font-size: 22px;
      letter-spacing: -3px;
   }
   .menu-item-food-box-title-sauce-title{
      font-size: 24px;
   }
   .menu-item-food-box-title-snack{
      font-size: 18px;
      margin: 0 auto;
      width: 232px;
   }
   #menu-category-header-daily-drink-specials{
      justify-content: space-evenly;
      margin-top: 40px;
      width: 100%;
   }
   #menu-category-header-daily-drink-specials h2{
      font-size: 38px;
      letter-spacing: -2px;
      line-height: 1;
      text-align: center;
      width: 230px;
   }
   #menu-category-header-daily-drink-specials .menu-star{
      font-size: 16px;
   }
   #menu-items-daily-drink-specials{
      padding: 0 10px;
      width: calc(100% - 20px);
   }
   .menu-item-day{
      text-align: center;
   }
   .menu-item-daily-drink-price{
      align-items: flex-end;
      line-height: 1.1;
      margin: 7px 0;
   }
   .menu-item-day-happy-hour #br-mobile{
      margin-top: -10px;
   }
   .menu-item-day-happy-hour-time{
      font-size: 18px;
   }
   .menu-item-daily-drink{
      width: 220px;
   }
   .menu-beers{
      padding:  0 10px;
   }
   .menu-beers-mugs{
      width: 350px;
   }
   #menu-category-header-beers{
      margin: 40px 0 20px 0;
   }
   #menu-category-header-beers h2{
      font-family: 'bligh', sans-serif;
      font-size: 32px;
      letter-spacing: -2.5px;
      padding: 0;
   }
   #menu-category-sub-header-beers h3{
      font-size: 40px;
      letter-spacing: -1px;
   }
   #menu-category-sub-header-beers #menu-category-sub-header-ciders{
      font-size: 38px;
      letter-spacing: -1px;
   }
   .menu-items{
      width: 100%;
   }
   .menu-item-drink-price{
      align-items: flex-end;
      font-size: 18px;
      margin: 5px 0;
   }
   .portrait-drink-br{
      display: block;
   }
   .menu-item-drink{
      line-height: 1.1;
   }
   .menu-item-price{
      padding-left: 5px;
   }
   #menu-items-columns-beers{
      flex-direction: column;
   }
   #menu-items-columns-beers .menu-items-days{
      width: 100%;
   }
   #menu-items-columns-beers .menu-items-days:nth-child(1){
      margin-bottom: 0;
   }
   .menu-item-drink-details{
      font-size: 12px;
   }
   .menu-winter-specials .menu-item-daily-drink-price{
      align-items: center;
      flex-direction: column;
      text-align: center;
   }
   .menu-winter-specials .menu-item-daily-drink-price span:nth-child(1){
      margin-bottom: 10px;
   }
   .menu-winter-specials .menu-item-daily-drink{
      text-align: center;
      width: 100%;
   }
   #menu-category-header-winter-specials h2{
      font-size: 38px;
      letter-spacing: -2px;
      line-height: 1;
      margin-bottom: 0;
      text-align: center;
      width: 230px;
   }
   #menu-category-header-winter-specials{
      justify-content: space-evenly;
      margin: 40px 0 20px 0;
      width: 100%;
   }
   #menu-category-header-winter-specials .menu-star{
      font-size: 16px;
   }
   .menu-cocktails{
      padding: 0 10px;
   }
   #menu-category-sub-header-cocktails-header{
      font-size: 28px;
      letter-spacing: -2px;
      margin: 30px 0 20px 0;
      width: 100%;
   }
   .menu-items-cocktails{
      width: 100%;
   }
   .menu-item-cocktail{
      text-align: center;
   }
   .menu-item-cocktail-drink-price{
      flex-direction: column;
      text-align: center;
   }
   .non-alcoholic-drink-detail-br{
      display: block;
   }
   .menu-items-non-alcoholic-bottom{
      width: 100%;
   }
   .menu-item-non-alcoholic-price-wrapper{
      flex-direction: column;
   }
   .menu-item-non-alcoholic-price-column{
      width: 100%;
   }
   .menu-liquor{
      margin-top: 40px;
      padding: 0 10px;
   }
   #menu-category-header-whiskey{
      width: 100%;
   }
   #menu-category-header-whiskey h2{
      font-family: 'bligh', sans-serif;
      font-size: 32px;
      letter-spacing: -2px;
      padding: 0;
   }
   .menu-whiskey-type-lines{
      height: 2px;
   }
   #menu-category-header-whiskey span:nth-child(1){
      background-image: linear-gradient(to right, #ebab21 50%, transparent 100%);
   }
   #menu-category-header-whiskey span:nth-child(3){
      background-image: linear-gradient(to left, #ebab21 50%, transparent 100%);
   }
   .whiskey-pours{
      font-size: 12px;
      text-align: center;
   }
   .menu-liquor .menu-item-drink-price{
      margin: 0;
   }
   #menu-liqueuers{
      margin-bottom: 10px;
   }
   .menu-whiskey{
      padding: 0 10px;
   }
   .menu-category-sub-header-whiskey h3{
      font-size: 38px;
    letter-spacing: -2px;
    line-height: 1;
    text-align: center;
    width: 100%;
   }
   .menu-org{
      padding: 0 10px;
   }
   .menu-org-img{
      width: 100%;
   }
   .menu-org-img-desktop{
      display: none;
   }
   .menu-org-img-mobile{
      display: block;
   }
   .menu-org-links{
      align-items: center;
      flex-direction: column;
      margin: 7px auto 20px auto;
      width: 100%;
   }
   .menu-org-link{
      font-size: 16px;
      height: 45px;
      margin: 7px 0;
      padding-top: 4px;
      transition: 0s;
      width: 100%;
   }
   .menu-org-bio{
      margin-bottom: 10px;
      padding: 0;
      width: 100%;
   }
   .menu-org-title{
      width: 100%;
   }
   .menu-org-title-name{
      padding: 0;
   }
     .copy-form{
      flex-direction: column;
      margin-top: 25px;
      margin-bottom: 0;
   }
/*COPY*/
   .copy{
      background-image: url('../media/chalkboard-tall.png');
      background-size: 100%;
      border: 4px solid #BE5043;
      padding: 20px;
      position: relative;
      width: calc(100% - 48px);
   }
   .copy-drink-packages h1{
      font-size: 40px;
      letter-spacing: -2px;
      line-height: 45px;
      margin:  14px 0 0 0;
      text-align: center;
   }
   .copy-text{
      padding:  0;
   }
   .copy-buttons{
      flex-direction: column;
      margin: 20px auto;
      width: calc(100% - 10px);
   }
   .copy-button{
      height: 55px;
      margin:  7px 0;
      transition:  0s;
      width: 100%;
   }
   .copy-button:hover{
      background-color: #BE5043;
      color:  #f8f7ec;
      cursor: pointer;
      transition:  0s;
   }
   .copy-button-span-top{
      font-size: 20px;
   }
   .its-down-there{
      display: block;
   }
   .its-over-there{
      display: none;
   }
   .copy-button-span-bottom{
      font-size: 16px;
   }
   .copy-button-form-img{
      width: 150px;
   }
   .copy-button-form-img span{
      margin-left: 0;
   }
  .copy-button-span-bottom-i{
      margin-top: -1px;
      transform: rotate(90deg);
   }
   #leland-st-package span:nth-child(2){
      padding-top: 0;
   }
  @keyframes copy-button-form-hover{
    0%{
       opacity: 1;
       right: 5px;
      }
    100%{
      opacity: 1;
    }
  }
   .drink-packages{
      flex-direction: column;
   }
   .individual-drink-packages{
      margin-top: 25px;
      width: calc(100% - 44px);
   }
   .individual-drink-packages .star{
      font-size: 12px;
      width: 17px;
   }
   .individual-drink-packages #star-1,
   .individual-drink-packages #star-2{
      top: 2px;
   }
   .individual-drink-package-title{
      align-items: flex-start;
      display: flex;
      margin-top: -10px;
      width: calc(100% + 40px);
   }
   .individual-drink-packages h2{
      line-height: 30px;
      margin: -18px 0 14px 0;
      min-width: auto;
   }
   .individual-drink-package-title-line{
      background-color: #ebab21;
      height: 2px;
      width: 30%;
   }
/***PRIVACY POLICY***/
  .privacy-container{
    padding: 20px;
    width: calc(100% - 104px);
  }
  .privacy-h1{
    font-size: 32px;
  }
  .privacy-secondary-bold-modified{
    font-size: 16px;
  }
  .privacy-column-1{
    width: 50%;
  }
  .privacy-column-2{
    width: 45%;
  }
  }

/*TABET PORTRAIT*/
@media only screen and (min-width: 600px) and (max-device-width: 1300px) and (orientation: portrait) {
    .header-desktop-container{
      height: 120px;
      margin: 0 auto;
      max-width: none;
      padding: 10px;
      width: calc(100% - 20px);
    }
    .header-logo{
      margin: 0;
      top: -48px;
      width: 160px;
    }
    .header-links{
      align-items: flex-end;
      flex-direction: column;
      height: 100px;
      justify-content: space-between;
    }
    .header-links-ul{
      justify-content: space-between;
    }
    .header-links-ul-links{
      margin-left: 170px;
      width: 80%;
    }
    .header-links-ul-socials{
      margin-right: 20px;
      width: 25%;
    }
    .header-links a{
      font-size: 26px;
    }
    .header-logo-social img{
      height: 30px;
      width: 30px;
    }
    .jumbotron{
      height: 1000px;
    }
  }