/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background: #010101;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  color: #c6c6c6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

main {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

/* ===================================================================
            Container
=================================================================== */
.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
}

/* ===================================================================
           Top Nav
=================================================================== */
/*  --------    Top Nav: Left Side    --------  */
nav.top-nav {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  background-color: #010101;
  z-index: 100;
}

nav.top-nav .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
}

.leftTopNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.leftTopNav li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.leftTopNav li a.topNavBtn {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .13rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #858585;
  cursor: pointer;
}

.leftTopNav li a.topNavBtn:visited {
  color: #858585;
}

.leftTopNav li a.topNavBtn:hover {
  color: #fff;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.leftTopNav li a.topNavBtn:active {
  color: #fff;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/*  --------    Top Nav: Logo    --------  */
.topNavLogoWrapper {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 3;
      -ms-flex: 3 0 20vw;
          flex: 3 0 20vw;
  text-align: center;
  z-index: 1500;
}

.topNavLogoWrapper .topNavlogoLink {
  display: inline-block;
}

.topNavLogoWrapper .topNavlogoLink svg.topNavLogo {
  fill: #676767;
  width: 8rem;
  height: auto;
}

/*  --------    Top Nav: Right Side    --------  */
.rightTopNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.rightTopNav li {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.rightTopNav li a.topNavBtn {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .13rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #858585;
  cursor: pointer;
}

.rightTopNav li a.topNavBtn:visited {
  color: #858585;
}

.rightTopNav li a.topNavBtn:hover {
  color: #fff;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.rightTopNav li a.topNavBtn:active {
  color: #fff;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/*  --------    Top Nav: Active Class    --------  */
.top-nav a.topNav-Active-tab {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .13rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}

/* ===================================================================
        Menu Nav
=================================================================== */
.menuNavSection ul.menuNav {
  border-bottom: solid rgba(255, 255, 255, 0.5) 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.menuNavSection ul.menuNav li {
  font-size: 2rem;
}

.menuNavSection ul.menuNav li a {
  color: #c6c6c6;
  text-decoration: none;
  text-align: center;
  display: block;
  font-weight: 600;
  background: inherit;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  padding: 0 5rem;
  font-size: 2rem;
}

.menuNavSection ul.menuNav li a:hover {
  color: #990000;
  background: #D89033;
  font-size: 2rem;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* ===================================================================
                Menu Nav: Active Tab
=================================================================== */
.menuNavSection .menuNav a.active-tab {
  color: #990000;
  background: #D89033;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  margin-bottom: 1.5rem;
  font-size: 2rem;
}

/* ===================================================================
        mobile Menu Styles
=================================================================== */
.mobile-menu {
  position: fixed;
  height: 0;
  width: 100vw;
  top: 0;
  left: 0;
  background: #070707;
  opacity: 0;
  -webkit-backdrop-filter: blur(2rem);
          backdrop-filter: blur(2rem);
  overflow-y: scroll;
  padding-top: 10rem;
  z-index: 102;
  visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.mobile-menu.open {
  height: 100vh;
  visibility: visible;
  opacity: 1;
}

.mobile-menu .mobileMenuLinks {
  width: 40%;
  margin: 0 auto;
  text-align: center;
}

.mobileMenuLinks a {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.6rem;
  color: var(--site-light-grey);
  display: block;
  opacity: .5;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.mobileMenuLinks a::after {
  content: '';
  background: rgba(255, 255, 255, 0.2);
  width: 70%;
  height: .1rem;
  display: block;
  margin: 3rem auto 3rem auto;
}

.mobileMenuLinks a:hover {
  color: #D89033;
  opacity: 1;
}

.mobileMenuLinks a:active {
  color: #D89033;
  opacity: 1;
}

.mobileMenuSocialsBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 60%;
  margin: 0 auto;
}

.mobileMenuSocialsBtns i.fab,
.mobileMenuSocialsBtns a {
  color: rgba(255, 255, 255, 0.3);
  font-size: 2rem;
  text-decoration: none;
  display: block;
  padding: 2rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.mobileMenuSocialsBtns i.fab:hover,
.mobileMenuSocialsBtns a:hover {
  color: #fff;
}

/* ===================================================================
                        Homepage Footer
=================================================================== */
footer {
  margin-top: auto;
}

.homepage-footer .homepageCopyright {
  padding-bottom: 1.6rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  letter-spacing: 1px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #c6c6c6;
  text-align: center;
}

.homepage-footer .homepageCopyright a {
  text-decoration: none;
  color: #c6c6c6;
  letter-spacing: 1px;
  font-size: 1.2rem;
  font-weight: 300;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.homepage-footer .homepageCopyright a:hover {
  color: #D89033;
  opacity: 1;
}

/* ===================================================================
            Privacy & Careers Buttons
=================================================================== */
footer.privacy {
  background: #070707;
  margin-top: auto;
}

footer.privacy div.privacyLinkWrapper {
  padding: 1rem;
  width: 100%;
  text-align: center;
}

footer.privacy div.privacyLinkWrapper a.privacyLink {
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 1px;
  color: #c6c6c6;
}

/* ===================================================================
            Contact Form Alerts
=================================================================== */
h2.success-alert {
  background: #A6D785;
  font-size: 1.8rem;
  color: #fff;
  padding: 2rem;
  text-align: center;
}

h2.error-alert {
  background: #F31431;
  color: #fff;
  padding: 2rem;
  text-align: center;
}

/* ===================================================================
            Hamburger Menu Two
=================================================================== */
.hamburger-btn {
  padding: 1rem 5rem 1rem 2rem;
  cursor: pointer;
  display: none;
  z-index: 1500;
}

.hamburger-btn .hamburger-toggler {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.hamburger-btn .hamburger-toggler.open {
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
}

.hamburger-btn .line-top {
  width: 100%;
  height: .2rem;
  border-radius: .8rem;
  background: #676767;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.hamburger-btn .line-top.open {
  -webkit-transform: rotate(45deg) translateX(16px);
          transform: rotate(45deg) translateX(16px);
  width: 70%;
}

.hamburger-btn .menu {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .25rem;
  color: #676767;
  text-transform: uppercase;
  display: block;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.hamburger-btn .menu.open {
  -webkit-transform: translateX(5rem);
          transform: translateX(5rem);
  opacity: 0;
}

.hamburger-btn .line-btm {
  width: 100%;
  height: .2rem;
  border-radius: .8rem;
  background: #676767;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.hamburger-btn .line-btm.open {
  -webkit-transform: rotate(-45deg) translateX(16px);
          transform: rotate(-45deg) translateX(16px);
  width: 70%;
}

/* ===================================================================
            Home Page Main Content
=================================================================== */
.homepage {
  width: 100vw;
  overflow: hidden;
  margin-bottom: 0;
}

.homePageImgSection {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.homePageImgSection .bestSteakHouseSub {
  font-size: 2.6rem;
  font-weight: 300;
  color: #990000;
}

.homePageImgSection .heroImage {
  margin: 0 auto;
  display: block;
  height: auto;
}

/* ===================================================================
            See Specials Btn
=================================================================== */
.seeSpecialsBtnSection .seeSpecialsWrapper {
  position: relative;
  top: -42rem;
  left: 8rem;
}

.seeSpecialsBtnSection .seeSpecialsWrapper a.seeSpecialsBtn {
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  color: #990000;
  cursor: pointer;
  position: relative;
  top: 15rem;
  left: -9.2rem;
  width: 20%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.seeSpecialsBtnSection .seeSpecialsWrapper a.seeSpecialsBtn:visited {
  color: #990000;
}

.seeSpecialsBtnSection .seeSpecialsWrapper a.seeSpecialsBtn:hover {
  color: #3e0303;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.seeSpecialsBtnSection .seeSpecialsWrapper a.seeSpecialsBtn:active {
  color: #990000;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* ===================================================================
        Socials, Reserve Table and Mini Bio Section
=================================================================== */
section.socials-resrv-minibio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  vertical-align: top;
  -webkit-box-align: end;
  -ms-flex-align: start;
      align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: -40rem;
}

section.socials-resrv-minibio div.socialsCol {
  padding-left: 8rem;
  padding-right: 0;
  z-index: 5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

section.socials-resrv-minibio div.socialsCol div.socialsBtns {
  width: 5.1rem;
  text-align: center;
}

section.socials-resrv-minibio div.socialsCol div.socialsBtns a {
  display: block;
  color: #4d4d4d;
  padding: 1rem 0;
}

section.socials-resrv-minibio div.socialsCol div.socialsBtns a:visited {
  color: #4d4d4d;
}

section.socials-resrv-minibio div.socialsCol div.socialsBtns a:hover {
  color: #fff;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

section.socials-resrv-minibio div.socialsCol div.socialsBtns a:active {
  color: #4d4d4d;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

section.socials-resrv-minibio div.socialsCol div.socialsBtns a i {
  font-size: 2.3rem;
}

/* ===================================================================
            Reservation Button
=================================================================== */
div.makeReservationCol {
  text-align: center;
  padding-top: 2rem;
  z-index: 3;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.makeReservationCol div.resevationBtn {
  margin-left: auto;
  padding-right: 2.9rem;
}

div.makeReservationCol div.resevationBtn a {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #990000;
  padding: 1.5rem 2.5rem;
  background-color: #D89033;
  border-radius: 2rem;
  text-align: center;
}

div.makeReservationCol div.resevationBtn a:visited {
  color: #990000;
}

div.makeReservationCol div.resevationBtn a:hover {
  color: #000;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

div.makeReservationCol div.resevationBtn a:active {
  color: #990000;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* ===================================================================
            Scroll Down Button
=================================================================== */
div.scrollDownCol {
  margin: 0 auto;
  text-align: center;
  display: none;
}

div.scrollDownCol a.scrollDownLink {
  text-decoration: none;
  color: #c6c6c6;
}

div.scrollDownCol a.scrollDownLink h2.homeAboutUsHdr {
  font-size: 1.6rem;
  margin-top: 6rem;
}

div.scrollDownCol a.scrollDownLink div.scrollDownBtn {
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

div.scrollDownCol a.scrollDownLink div.scrollDownBtn svg.svgHomepageScroll {
  width: 5rem;
  height: 5rem;
  fill: #D89033;
}

div.scrollDownCol a.scrollDownLink div.scrollDownBtn svg.svgHomepageScroll:hover {
  opacity: .3;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* ===================================================================
            Steak 'N' Beer Mini Bio
=================================================================== */
#homepageAboutUs {
  outline: none;
}

div.miniBioCol {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

div.miniBioCol div.miniBioImgSection {
  margin-top: -7.5rem;
}

div.miniBioCol div.miniBioImgSection img {
  display: block;
  margin-left: auto;
  padding-right: 2rem;
}

div.miniBioCol div.miniBioImgSection h1 {
  font-size: 1.8rem;
  color: #c6c6c6;
  text-align: right;
  padding-right: 6rem;
  padding-bottom: 4.5rem;
  margin-top: -4rem;
}

div.miniBiotext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.miniBiotext p {
  color: #990000;
  font-size: 1.4rem;
  text-align: right;
  line-height: 1.5;
  padding-right: 6rem;
  width: 90%;
  margin-left: auto;
}

div.miniBiotext p span {
  display: block;
  margin: 2rem 0;
  font-size: inherit;
}

/* ===================================================================
            Responsive See Our Specials Section
=================================================================== */
div.responisveSeeSpecialsBtn {
  position: relative;
  margin: 0 auto;
  display: none;
}

div.responisveSeeSpecialsBtn a.responsiveSeeSpecialsLink {
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  color: #990000;
  position: relative;
  top: 3.7rem;
  cursor: pointer;
  z-index: 6;
}

div.responisveSeeSpecialsBtn a.responsiveSeeSpecialsLink:visited {
  color: #990000;
}

div.responisveSeeSpecialsBtn a.responsiveSeeSpecialsLink:hover {
  color: #3e0303;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

div.responisveSeeSpecialsBtn a.responsiveSeeSpecialsLink:active {
  color: #990000;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

div.responisveSeeSpecialsBtn img {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

/* ===================================================================
        Brunch Opening hours
=================================================================== */
.brunchOpeningHours p {
  width: 80%;
  font-size: 1.6rem;
  color: #c6c6c6;
  font-weight: 400;
  padding-left: 2rem;
  margin-top: 2rem;
}

/* ===================================================================
        Breakfast Special Section
=================================================================== */
.bfastMenuSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem;
  margin-top: 8rem;
}

/*  --------    Breakfast Special: Header    --------  */
div.bfastSpecialSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 3rem;
}

div.bfastSpecialSection div.bfastSpecialHdrAndImg .bfastSpecialHdr {
  font-size: 2.5rem;
  font-weight: 400;
  color: #D89033;
  padding-bottom: 2rem;
}

div.bfastSpecialSection div.bfastSpecialHdrAndImg .bfastSpecialHdr:before, div.bfastSpecialSection div.bfastSpecialHdrAndImg .bfastSpecialHdr:after {
  background-color: #D89033;
  display: inline-block;
  content: '';
  height: .2rem;
  width: 2rem;
  position: relative;
  vertical-align: middle;
}

div.bfastSpecialSection div.bfastSpecialHdrAndImg .bfastSpecialHdr:before:before, div.bfastSpecialSection div.bfastSpecialHdrAndImg .bfastSpecialHdr:after:before {
  right: 2rem;
}

div.bfastSpecialSection div.bfastSpecialHdrAndImg .bfastSpecialHdr:before:before:after, div.bfastSpecialSection div.bfastSpecialHdrAndImg .bfastSpecialHdr:after:before:after {
  left: 2rem;
}

/*  --------    Breakfast Special: Description    --------  */
div.bfastSpecialDesc h2.steakStackHdr {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
}

div.bfastSpecialDesc p {
  width: 30rem;
  font-size: 1.4rem;
  margin-top: -4.9rem;
}

/* ===================================================================
        Breakfast Menu
=================================================================== */
.breakfastMenuSection {
  width: 100%;
}

.breakfastMenuSection .breakfastMenuWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 6rem;
}

.breakfastMenuSection .breakfastMenuWrapper h1 {
  font-size: 3.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
  text-align: left;
  padding-bottom: 0;
}

.breakfastMenuSection .breakfastMenuWrapper div.breakfastMenu div.productItem {
  padding-bottom: 2rem;
}

.breakfastMenuSection .breakfastMenuWrapper div.breakfastMenu div.productItem:last-child {
  padding-bottom: 0;
}

.breakfastMenuSection .breakfastMenuWrapper div.breakfastMenu div.productItem div.productTopInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.breakfastMenuSection .breakfastMenuWrapper div.breakfastMenu div.productItem div.productTopInfo p.productName,
.breakfastMenuSection .breakfastMenuWrapper div.breakfastMenu div.productItem div.productTopInfo p.productPrice {
  font-weight: 700;
  font-size: 1.6rem;
}

.breakfastMenuSection .breakfastMenuWrapper div.breakfastMenu div.productItem p.itemDesc {
  font-size: 1.4rem;
  font-weight: 300;
}

/* ===================================================================
        Hot Drinks Menu Section
=================================================================== */
.hotDrinksMenuSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem;
  margin-top: 10rem;
}

/*  --------    Hot Drinks Menu    --------  */
div.hotDrinksMenuWrapper {
  width: 100%;
}

div.hotDrinksMenuWrapper h2 {
  font-size: 3.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
}

div.hotDrinksMenuWrapper div.hotDrinksMenu div.productItem {
  padding-bottom: 2rem;
}

div.hotDrinksMenuWrapper div.hotDrinksMenu div.productItem:last-child {
  padding-bottom: 0;
}

div.hotDrinksMenuWrapper div.hotDrinksMenu div.productItem div.productTopInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

div.hotDrinksMenuWrapper div.hotDrinksMenu div.productItem div.productTopInfo p.productName,
div.hotDrinksMenuWrapper div.hotDrinksMenu div.productItem div.productTopInfo p.productPrice {
  font-weight: 700;
  font-size: 1.6rem;
}

div.hotDrinksMenuWrapper div.hotDrinksMenu div.productItem p.itemDesc {
  padding-bottom: .2rem;
  font-size: 1.4rem;
  font-weight: 300;
}

/* ===================================================================
        Hot Drinks Favourite Section
=================================================================== */
div.hotDrinksFaveSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 3rem;
  padding-left: 6rem;
  /*  --------    Hot Drinks Fave Description: Mini Header    --------  */
}

div.hotDrinksFaveSection div.hotDrinksFaveHdrAndImg {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-right: 4.5rem;
  /*  --------    Hot Drinks Fave: Header    --------  */
}

div.hotDrinksFaveSection div.hotDrinksFaveHdrAndImg h2.hotDrinksFaveHdr {
  font-size: 2.5rem;
  font-weight: 400;
  color: #990000;
  padding-bottom: 2rem;
}

div.hotDrinksFaveSection div.hotDrinksFaveHdrAndImg h2.hotDrinksFaveHdr.hotDrinksFaveHdr:before, div.hotDrinksFaveSection div.hotDrinksFaveHdrAndImg h2.hotDrinksFaveHdr.hotDrinksFaveHdr:after {
  background-color: #990000;
  display: inline-block;
  content: '';
  height: .2rem;
  width: 2rem;
  position: relative;
  vertical-align: middle;
}

div.hotDrinksFaveSection div.hotDrinksFaveHdrAndImg h2.hotDrinksFaveHdr.hotDrinksFaveHdr:before.hotDrinksFaveHdr:before, div.hotDrinksFaveSection div.hotDrinksFaveHdrAndImg h2.hotDrinksFaveHdr.hotDrinksFaveHdr:after.hotDrinksFaveHdr:before {
  right: 2rem;
}

div.hotDrinksFaveSection div.hotDrinksFaveHdrAndImg h2.hotDrinksFaveHdr.hotDrinksFaveHdr:before.hotDrinksFaveHdr:before.hotDrinksFaveHdr:after, div.hotDrinksFaveSection div.hotDrinksFaveHdrAndImg h2.hotDrinksFaveHdr.hotDrinksFaveHdr:after.hotDrinksFaveHdr:before.hotDrinksFaveHdr:after {
  left: 2rem;
}

div.hotDrinksFaveSection div.hotDrinksFaveDesc {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

div.hotDrinksFaveSection div.hotDrinksFaveDesc h2.chocOreoDrinkHdr {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
}

div.hotDrinksFaveSection div.hotDrinksFaveDesc p {
  width: 30rem;
  font-size: 1.4rem;
  margin-top: -4.9rem;
}

/* ===================================================================
        Refresher Menu Section
=================================================================== */
.refresherSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem;
  margin-top: 10rem;
}

/*  --------    Refresher Special: Section    --------  */
div.refresherSpecialSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 3rem;
}

div.refresherSpecialSection div.refresherSpecialHdrAndImg h2.refresherSpecialHdr {
  font-size: 2.5rem;
  font-weight: 400;
  color: #D89033;
  padding-bottom: 2rem;
}

div.refresherSpecialSection div.refresherSpecialHdrAndImg h2.refresherSpecialHdr.refresherSpecialHdr:before, div.refresherSpecialSection div.refresherSpecialHdrAndImg h2.refresherSpecialHdr.refresherSpecialHdr:after {
  background-color: #D89033;
  display: inline-block;
  content: '';
  height: .2rem;
  width: 2rem;
  position: relative;
  vertical-align: middle;
}

div.refresherSpecialSection div.refresherSpecialHdrAndImg h2.refresherSpecialHdr.refresherSpecialHdr:before.refresherSpecialHdr:before, div.refresherSpecialSection div.refresherSpecialHdrAndImg h2.refresherSpecialHdr.refresherSpecialHdr:after.refresherSpecialHdr:before {
  right: 2rem;
}

div.refresherSpecialSection div.refresherSpecialHdrAndImg h2.refresherSpecialHdr.refresherSpecialHdr:before.refresherSpecialHdr:before.refresherSpecialHdr:after, div.refresherSpecialSection div.refresherSpecialHdrAndImg h2.refresherSpecialHdr.refresherSpecialHdr:after.refresherSpecialHdr:before.refresherSpecialHdr:after {
  left: 2rem;
}

/*  --------    Refresher Special: Description    --------  */
div.refresherSpecialDesc h2.IcedTeaHdr {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
}

div.refresherSpecialDesc p.icedTeaDesc {
  width: 30rem;
  font-size: 1.4rem;
  margin-top: -4.9rem;
}

/* ===================================================================
        Refresher Menu
=================================================================== */
.refresherMenuSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 6rem;
}

div.refresherMenuWrapper {
  width: 100%;
}

div.refresherMenuWrapper h2 {
  font-size: 3.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
}

div.refresherMenuWrapper div.refresherMenu div.productItem {
  padding-bottom: 2rem;
}

div.refresherMenuWrapper div.refresherMenu div.productItem div.productTopInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

div.refresherMenuWrapper div.refresherMenu div.productItem div.productTopInfo p.productName,
div.refresherMenuWrapper div.refresherMenu div.productItem div.productTopInfo p.productPrice {
  font-weight: 700;
  font-size: 1.6rem;
}

/* ===================================================================
        For Allergy Info 
=================================================================== */
.forAllergyInfo p {
  width: 90vw;
  font-size: 1.6rem;
  color: #c6c6c6;
  font-weight: 400;
  padding-left: 2rem;
  margin-top: 2rem;
}

/* ===================================================================
        Nibbles Menu
=================================================================== */
.nibblesMenuSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8rem;
  padding: 0 2rem;
}

.nibblesMenuSection .nibblesMenuWrapper {
  width: 100%;
  padding-right: 6rem;
}

.nibblesMenuSection .nibblesMenuWrapper h2 {
  font-size: 3.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
}

.nibblesMenuSection .nibblesMenuWrapper .nibblesMenu .productItem {
  padding-bottom: 2rem;
}

.nibblesMenuSection .nibblesMenuWrapper .nibblesMenu .productItem .productTopInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nibblesMenuSection .nibblesMenuWrapper .nibblesMenu .productItem .productTopInfo .productName,
.nibblesMenuSection .nibblesMenuWrapper .nibblesMenu .productItem .productTopInfo .productPrice {
  font-weight: 700;
  font-size: 1.6rem;
}

.nibblesMenuSection .nibblesMenuWrapper .nibblesMenu .productItem .itemDesc {
  padding-bottom: .2rem;
  font-size: 1.4rem;
  font-weight: 300;
}

/* ===================================================================
        Featured Nibbles Section
=================================================================== */
.nibblesFeatImgSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nibblesFeatImgSection .nibblesHdrAndImgWrapper {
  margin-left: auto;
}

.nibblesFeatImgSection .nibblesHdrAndImgWrapper .nibblesHdrAndImg {
  width: 100%;
}

.nibblesFeatImgSection .nibblesHdrAndImgWrapper .nibblesHdrAndImg .nibblesHdr {
  font-size: 2.5rem;
  font-weight: 400;
  margin: 3rem 0 3.7rem 0;
  color: #990000;
}

.nibblesFeatImgSection .nibblesHdrAndImgWrapper .nibblesHdrAndImg .nibblesHdr.nibblesHdr:before, .nibblesFeatImgSection .nibblesHdrAndImgWrapper .nibblesHdrAndImg .nibblesHdr.nibblesHdr:after {
  background-color: #990000;
  display: inline-block;
  content: '';
  height: .2rem;
  width: 2rem;
  position: relative;
  vertical-align: middle;
}

.nibblesFeatImgSection .nibblesHdrAndImgWrapper .nibblesHdrAndImg .nibblesHdr.nibblesHdr:before.nibblesHdr:before, .nibblesFeatImgSection .nibblesHdrAndImgWrapper .nibblesHdrAndImg .nibblesHdr.nibblesHdr:after.nibblesHdr:before {
  right: 2rem;
}

.nibblesFeatImgSection .nibblesHdrAndImgWrapper .nibblesHdrAndImg .nibblesHdr.nibblesHdr:before.nibblesHdr:before.nibblesHdr:after, .nibblesFeatImgSection .nibblesHdrAndImgWrapper .nibblesHdrAndImg .nibblesHdr.nibblesHdr:after.nibblesHdr:before.nibblesHdr:after {
  left: 2rem;
}

.featNibblesDesc {
  margin-bottom: 10rem;
}

.featNibblesDesc .featNibblesHdr {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
}

.featNibblesDesc p {
  width: 30rem;
  font-size: 1.4rem;
  margin: -4.6rem 0;
}

/* ===================================================================
        Featured Steak 'N' Beer Section
=================================================================== */
.SnBSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10rem;
  padding: 0 2rem;
}

.SnBSection .featSnBWrapper .featSnBHdrAndImg {
  padding-top: 3rem;
}

.SnBSection .featSnBWrapper .featSnBHdrAndImg .SnBHdr {
  font-size: 2.5rem;
  font-weight: 400;
  margin: 0 0 3.7rem 0;
  color: #D89033;
}

.SnBSection .featSnBWrapper .featSnBHdrAndImg .SnBHdr.SnBHdr:before, .SnBSection .featSnBWrapper .featSnBHdrAndImg .SnBHdr.SnBHdr:after {
  background-color: #D89033;
  display: inline-block;
  content: '';
  height: .2rem;
  width: 2rem;
  position: relative;
  vertical-align: middle;
}

.SnBSection .featSnBWrapper .featSnBHdrAndImg .SnBHdr.SnBHdr:before.SnBHdr:before, .SnBSection .featSnBWrapper .featSnBHdrAndImg .SnBHdr.SnBHdr:after.SnBHdr:before {
  right: 2rem;
}

.SnBSection .featSnBWrapper .featSnBHdrAndImg .SnBHdr.SnBHdr:before.SnBHdr:before.SnBHdr:after, .SnBSection .featSnBWrapper .featSnBHdrAndImg .SnBHdr.SnBHdr:after.SnBHdr:before.SnBHdr:after {
  left: 2rem;
}

.featSnBDescSection {
  margin-bottom: 5rem;
}

.featSnBDescSection .SnBSubHdr {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
}

.featSnBDescSection .featSnBDesc {
  width: 30rem;
  font-size: 1.4rem;
  margin-top: -4.7rem;
}

/* ===================================================================
        Steak Mains Menu
=================================================================== */
.SnBMenuSection {
  width: 100%;
  padding-left: 6rem;
}

.SnBMenuSection h2 {
  font-size: 3.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
}

.SnBMenuSection .steaksMainsDesc {
  font-size: 1.6rem;
  width: 90%;
  margin-bottom: 3rem;
}

.SnBMenuSection .SnBMenu {
  width: 100%;
}

.SnBMenuSection .SnBMenu .productItem {
  padding-bottom: 2rem;
}

.SnBMenuSection .SnBMenu .productItem .productTopInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.SnBMenuSection .SnBMenu .productItem .productTopInfo .productName,
.SnBMenuSection .SnBMenu .productItem .productTopInfo .productPrice {
  font-weight: 700;
  font-size: 1.6rem;
}

.SnBMenuSection .SnBMenu .productItem .itemDesc {
  padding-bottom: .2rem;
  font-size: 1.4rem;
  font-weight: 300;
}

/* ===================================================================
        Desserts Menu
=================================================================== */
.dessertsMenuSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10rem;
  padding: 0 2rem;
}

.dessertsMenuSection .dessertsMenuWrapper {
  width: 100%;
  padding-right: 6rem;
}

.dessertsMenuSection .dessertsMenuWrapper h2 {
  font-size: 3.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
}

.dessertsMenuSection .dessertsMenuWrapper .dessertsMenu .productItem {
  padding-bottom: 2rem;
}

.dessertsMenuSection .dessertsMenuWrapper .dessertsMenu .productItem .productTopInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dessertsMenuSection .dessertsMenuWrapper .dessertsMenu .productItem .productTopInfo .productName,
.dessertsMenuSection .dessertsMenuWrapper .dessertsMenu .productItem .productTopInfo .productPrice {
  font-weight: 700;
  font-size: 1.6rem;
}

.dessertsMenuSection .dessertsMenuWrapper .dessertsMenu .productItem .itemDesc {
  padding-bottom: .2rem;
  font-size: 1.4rem;
  font-weight: 300;
}

.dessertsMenuSection .dessertsMenuWrapper .dessertsMenu .productItem .itemDesc.banoffePie, .dessertsMenuSection .dessertsMenuWrapper .dessertsMenu .productItem .itemDesc.chocOreoCake {
  width: 70%;
}

/* ===================================================================
        Desserts - Fatty Favourite Section
=================================================================== */
.fattyFaveSection .fattyFaveWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fattyFaveSection .fattyFaveWrapper .fattyFaveHdrAndImg {
  margin-left: auto;
  padding-right: 4.5rem;
}

.fattyFaveSection .fattyFaveWrapper .fattyFaveHdrAndImg .fattyFaveHdr {
  font-size: 2.5rem;
  font-weight: 400;
  margin: 3rem 0 3.7rem 0;
  color: #990000;
}

.fattyFaveSection .fattyFaveWrapper .fattyFaveHdrAndImg .fattyFaveHdr.fattyFaveHdr:before, .fattyFaveSection .fattyFaveWrapper .fattyFaveHdrAndImg .fattyFaveHdr.fattyFaveHdr:after {
  background-color: #990000;
  display: inline-block;
  content: '';
  height: .2rem;
  width: 2rem;
  position: relative;
  vertical-align: middle;
}

.fattyFaveSection .fattyFaveWrapper .fattyFaveHdrAndImg .fattyFaveHdr.fattyFaveHdr:before.fattyFaveHdr:before, .fattyFaveSection .fattyFaveWrapper .fattyFaveHdrAndImg .fattyFaveHdr.fattyFaveHdr:after.fattyFaveHdr:before {
  right: 2rem;
}

.fattyFaveSection .fattyFaveWrapper .fattyFaveHdrAndImg .fattyFaveHdr.fattyFaveHdr:before.fattyFaveHdr:before.fattyFaveHdr:after, .fattyFaveSection .fattyFaveWrapper .fattyFaveHdrAndImg .fattyFaveHdr.fattyFaveHdr:after.fattyFaveHdr:before.fattyFaveHdr:after {
  left: 2rem;
}

.fattyFaveDesc {
  margin-left: auto;
}

.fattyFaveDesc .fattyfaveCakeHdr {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
}

.fattyFaveDesc p {
  width: 30rem;
  font-size: 1.4rem;
  margin: -4.6rem 0;
}

/* ===================================================================
        Extensive Range Of Beers
=================================================================== */
.extensiveRangeOfBeers p {
  width: 85vw;
  font-size: 1.6rem;
  color: #c6c6c6;
  font-weight: 400;
  padding-left: 2rem;
  margin-top: 2rem;
}

/* ===================================================================
        Beers Featured Image Section
=================================================================== */
.beersSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6rem;
  padding: 0 2rem;
}

.beersFeatImgSection {
  padding-top: 10rem;
}

/* ===================================================================
        Beers Menu
=================================================================== */
.beersMenuSection {
  width: 100%;
}

.beersMenuSection .beersMenuWrapper {
  padding-left: 6rem;
}

.beersMenuSection .beersMenuWrapper h2 {
  font-size: 3.5rem;
  font-weight: 600;
  text-transform: uppercase;
}

.beersMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -3.5rem 0 10rem 0;
  font-size: 1.6rem;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.beersMenu .beerNameCol {
  font-weight: 700;
}

.beersMenu .beerNameCol .beerName {
  padding-bottom: 2rem;
  font-size: 1.6rem;
}

.beersMenu .PintsCol {
  text-align: right;
}

.beersMenu .PintsCol h3 {
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 5rem;
}

.beersMenu .PintsCol .pintPrice {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 2rem;
}

.beersMenu .PintsCol .emptyPrice {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 2rem;
  color: #010101;
}

.beersMenu .halfPintCol {
  text-align: right;
}

.beersMenu .halfPintCol h3 {
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 5rem;
}

.beersMenu .halfPintCol .halfPintPrice {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 2rem;
}

.beersMenu .halfPintCol .emptyPrice {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 2rem;
  color: #010101;
}

.beersMenu .bottlePriceCol {
  text-align: right;
}

.beersMenu .bottlePriceCol h3 {
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 5rem;
}

.beersMenu .bottlePriceCol .bottlePrice {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 2rem;
}

.beersMenu .bottlePriceCol .emptyPrice {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 2rem;
  color: #010101;
}

/* ===================================================================
        Ciders Menu
=================================================================== */
.ciderMenuSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem;
}

.ciderMenuSection .ciderMenuWrapper {
  width: 100%;
}

.ciderMenuSection .ciderMenuWrapper h2 {
  font-size: 3.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
}

.ciderMenuSection .ciderMenuWrapper .ciderMenu {
  padding-right: 6rem;
}

.ciderMenuSection .ciderMenuWrapper .ciderMenu .productItem {
  padding-bottom: 2rem;
}

.ciderMenuSection .ciderMenuWrapper .ciderMenu .productItem .productTopInfo {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
      align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.ciderMenuSection .ciderMenuWrapper .ciderMenu .productItem .productTopInfo .productName,
.ciderMenuSection .ciderMenuWrapper .ciderMenu .productItem .productTopInfo .productPrice {
  font-weight: 700;
  font-size: 1.6rem;
}

/* ===================================================================
        Ciders Featured Image Section
=================================================================== */
.cidersFeatImgSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8rem;
}

.bookingsForm {
  max-width: 30rem;
  margin: 0 auto;
}

.bookingsForm .bookingsHdr {
  font-size: 3.5rem;
  font-weight: 600;
  padding-bottom: 2rem;
}

.bookingsForm select.customSelect {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  font-size: 1.5rem;
  font-weight: 400;
  color: black;
  padding: 2rem;
  border: solid #707070 1px;
  border-radius: .2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(../svg/bookings-select-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 2rem top 50%, 0 0;
  cursor: pointer;
}

.BookTableBtnWrapper {
  max-width: 30rem;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.BookTableBtnWrapper .BookTableBtn {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  padding: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  background: #1E1D21;
  border: solid #ffffff 0.1rem;
  outline: none;
  cursor: pointer;
}

.BookTableBtnWrapper .BookTableBtn:hover {
  opacity: .75;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.BookTableBtnWrapper .BookTableBtn:visited {
  color: #ffffff;
}

.bookingsImgWrapper {
  text-align: center;
}

.bookingsImgWrapper .bookATableDesktopImg {
  max-width: 95.8rem;
  width: 80vw;
  height: auto;
}

.bookingsImgWrapper .bookATableMobileImg {
  margin: 0 auto;
  display: none;
}

/* ===================================================================
        Specials Top Section
=================================================================== */
.specialsTopInfo {
  text-align: center;
  margin: 0 auto;
}

.specialsTopInfo h1 {
  font-size: 3.5rem;
  font-weight: 600;
}

.specialsTopInfo p {
  font-size: 1.8rem;
  font-weight: 300;
  margin-top: 1.5rem;
}

/* ===================================================================
        Steak Stack Specials Section
=================================================================== */
.specialsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 6rem;
}

.SpecialsBSSection .SpecialsBSHdrAndImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.SpecialsBSSection .SpecialsBSHdrAndImg .SpecialsBSHdr {
  font-size: 2.5rem;
  font-weight: 400;
  color: #D89033;
  padding-bottom: 3rem;
  text-align: center;
}

.SpecialsBSSection .SpecialsBSHdrAndImg .SpecialsBSHdr.SpecialsBSHdr:before, .SpecialsBSSection .SpecialsBSHdrAndImg .SpecialsBSHdr.SpecialsBSHdr:after {
  background-color: #D89033;
  display: inline-block;
  content: '';
  height: .2rem;
  width: 2rem;
  position: relative;
  vertical-align: middle;
}

.SpecialsBSSection .SpecialsBSHdrAndImg .SpecialsBSHdr.SpecialsBSHdr:before.SpecialsBSHdr:before, .SpecialsBSSection .SpecialsBSHdrAndImg .SpecialsBSHdr.SpecialsBSHdr:after.SpecialsBSHdr:before {
  right: 2rem;
}

.SpecialsBSSection .SpecialsBSHdrAndImg .SpecialsBSHdr.SpecialsBSHdr:before.SpecialsBSHdr:before.SpecialsBSHdr:after, .SpecialsBSSection .SpecialsBSHdrAndImg .SpecialsBSHdr.SpecialsBSHdr:after.SpecialsBSHdr:before.SpecialsBSHdr:after {
  left: 2rem;
}

.steakStackSpecialImg,
.fattyFaveSpecialImg {
  display: block;
  max-width: 40vw;
  max-height: 50vh;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.SpecialsSSDesc {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.SpecialsSSDesc .specialsSSHdr {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
}

.SpecialsSSDesc p {
  margin-top: -4.9rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  width: 55%;
  font-size: 1.4rem;
  text-align: left;
}

/* ===================================================================
        Fatty Fave Specials Section
=================================================================== */
.fattyFaveSpecialSection .dessertHdrAndImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fattyFaveSpecialSection .dessertHdrAndImg .dessertHdr {
  font-size: 2.5rem;
  font-weight: 400;
  color: #990000;
  padding-bottom: 3rem;
  text-align: center;
}

.fattyFaveSpecialSection .dessertHdrAndImg .dessertHdr.dessertHdr:before, .fattyFaveSpecialSection .dessertHdrAndImg .dessertHdr.dessertHdr:after {
  background-color: #990000;
  display: inline-block;
  content: '';
  height: .2rem;
  width: 2rem;
  position: relative;
  vertical-align: middle;
}

.fattyFaveSpecialSection .dessertHdrAndImg .dessertHdr.dessertHdr:before.dessertHdr:before, .fattyFaveSpecialSection .dessertHdrAndImg .dessertHdr.dessertHdr:after.dessertHdr:before {
  right: 2rem;
}

.fattyFaveSpecialSection .dessertHdrAndImg .dessertHdr.dessertHdr:before.dessertHdr:before.dessertHdr:after, .fattyFaveSpecialSection .dessertHdrAndImg .dessertHdr.dessertHdr:after.dessertHdr:before.dessertHdr:after {
  left: 2rem;
}

.specialsDessertDesc {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.specialsDessertDesc h2 {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
}

.specialsDessertDesc p {
  width: 55%;
  font-size: 1.4rem;
  margin: -4.8rem auto;
  text-align: right;
}

.locationsSection h1 {
  color: #c6c6c6;
  font-size: 3.5rem;
  font-weight: 600;
  text-align: center;
}

.locationsWrapper {
  margin: 4rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.locationsWrapper .locationHoxtonSq,
.locationsWrapper .locationBrixton,
.locationsWrapper .locationCroydonCentre,
.locationsWrapper .locationClapham {
  padding-left: 1rem;
  padding-right: 1rem;
}

.locationsWrapper .locationHoxtonSq img,
.locationsWrapper .locationBrixton img,
.locationsWrapper .locationCroydonCentre img,
.locationsWrapper .locationClapham img {
  border: solid #990000 0.1rem;
  padding: .5rem;
  opacity: .5;
  display: block;
  max-width: 33.6rem;
  height: auto;
}

.locationsWrapper .locationHoxtonSq img:hover,
.locationsWrapper .locationBrixton img:hover,
.locationsWrapper .locationCroydonCentre img:hover,
.locationsWrapper .locationClapham img:hover {
  opacity: 1;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.locationsWrapper .locationHoxtonSq h2,
.locationsWrapper .locationBrixton h2,
.locationsWrapper .locationCroydonCentre h2,
.locationsWrapper .locationClapham h2 {
  font-size: 2rem;
  font-weight: 700;
  padding: .5rem 0 1rem 0;
  color: #4b4b4b;
  text-transform: uppercase;
}

.locationsWrapper .locationHoxtonSq p,
.locationsWrapper .locationBrixton p,
.locationsWrapper .locationCroydonCentre p,
.locationsWrapper .locationClapham p {
  font-size: 1.6rem;
  padding-bottom: 5rem;
}

.openingHrsSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.openingHrsHdr {
  font-size: 3.5rem;
  font-weight: 700;
  text-align: center;
}

.openingHrsPageWrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 4rem auto 0 auto;
}

.openingHrsPageWrapper .openingHrsImgWrapper {
  padding: 2rem;
}

.openingHrsPageWrapper .openingHrsImgWrapper .openingHrsImg {
  display: block;
  border: solid #D89033 0.1rem;
  padding: .5rem;
  max-width: 47.4rem;
  width: 100%;
  height: auto;
}

.openingHrstextInfo {
  margin-top: 2rem;
  max-width: 47.4rem;
}

.openingHrstextInfo .hoxtonSq,
.openingHrstextInfo .brixton,
.openingHrstextInfo .croydonCentre,
.openingHrstextInfo .clapham {
  padding-bottom: 2rem;
}

.openingHrstextInfo h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #4b4b4b;
  text-transform: uppercase;
}

.openingHrstextInfo p {
  font-size: 1.6rem;
}

.openingHrstextInfo .pleaseNote {
  margin-top: 2rem;
  width: 70%;
}

.contactPageHdr {
  color: #c6c6c6;
  text-align: center;
  font-size: 3.5rem;
  font-weight: 600;
}

.ContactFormSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 1.5rem;
}

.ContactFormSection .contactFormWrapper {
  padding-right: 2rem;
  max-width: 42rem;
  width: 50%;
}

.ContactFormSection .contactFormWrapper .contactForm form .formName,
.ContactFormSection .contactFormWrapper .contactForm form .formEmail,
.ContactFormSection .contactFormWrapper .contactForm form .formPhoneNo,
.ContactFormSection .contactFormWrapper .contactForm form .formMsg {
  margin: 2rem 0;
}

.ContactFormSection .contactFormWrapper .contactForm form label {
  display: block;
  font-size: 1.6rem;
  margin-bottom: .5rem;
}

.ContactFormSection .contactFormWrapper .contactForm form input[type=text],
.ContactFormSection .contactFormWrapper .contactForm form input[type=email],
.ContactFormSection .contactFormWrapper .contactForm form input[type=tel] {
  width: 100%;
  height: 3.5rem;
  background: #414141;
  border: none;
  color: #ffffff;
  font-size: 1.4rem;
  padding-left: 1rem;
}

.ContactFormSection .contactFormWrapper .contactForm form #message {
  padding: 1rem 0 0 2rem;
}

.ContactFormSection .contactFormWrapper .contactForm form textarea {
  background: #414141;
  border: none;
  color: #ffffff;
  font-family: inherit;
  padding-left: 1rem;
  padding-top: 2rem;
  font-size: 1.4rem;
  width: 100%;
  height: 20rem;
}

.ContactFormSection .contactFormWrapper .contactForm form input[type=submit] {
  background: #414141;
  font-size: 1.4rem;
  color: #ffffff;
  border: none;
  margin-top: 1.5rem;
  padding: 1rem 3rem;
  text-transform: uppercase;
  cursor: pointer;
}

.ContactFormSection .contactFormWrapper .contactForm form input[type=submit]:hover {
  opacity: .7;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.ContactFormSection .contactStoreLocations {
  padding-left: 2rem;
  padding-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ContactFormSection .contactStoreLocations h2 {
  font-size: 2rem;
  font-weight: 700;
  padding: 0 0 .2rem 0;
  color: #4b4b4b;
  text-transform: uppercase;
}

.ContactFormSection .contactStoreLocations p {
  width: 33.5rem;
  font-size: 1.6rem;
  margin-bottom: 2.5rem;
}

.privacyContentSection {
  margin-top: 10rem;
}

.privacyContentSection .privacyContentWrapper {
  background-color: #ffffff;
  padding: 8rem 12rem 1rem 12rem;
  line-height: 1.4;
  margin: 0 auto;
}

.privacyContentSection .privacyContentWrapper h1 {
  font-size: 5rem;
  font-weight: 300;
  color: #1f1f1f;
  margin-bottom: 2rem;
}

.privacyContentSection .privacyContentWrapper p {
  font-size: 1.6rem;
  color: #121212;
  font-weight: 300;
  padding-bottom: 5rem;
}

.privacyContentSection .privacyContentWrapper p a {
  font-size: 1.6rem;
  font-weight: 300;
  color: #990000;
  text-decoration: none;
  cursor: pointer;
}

.privacyContentSection .privacyContentWrapper p .phoneNo {
  font-size: 1.6rem;
  font-weight: 300;
  color: #121212;
}

.privacyContentSection .privacyContentWrapper h3 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #1f1f1f;
  padding-bottom: 1rem;
}

.privacyContentSection .privacyContentWrapper h2 {
  font-size: 2.5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #1f1f1f;
  padding-bottom: .5rem;
}

.blackBoxBottom {
  background: #010101;
  height: 15rem;
}

/* ===================================================================
            Media Queries: General Styles
=================================================================== */
/*  Large Screens & Desktop  */
@media only screen and (max-width: 1000px) {
  nav.top-nav .container {
    padding: 1.5rem 0;
  }
  .hamburger-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .leftTopNav,
  .rightTopNav {
    display: none;
  }
  .topNavLogoWrapper {
    text-align: right;
    padding-right: 2rem;
  }
}

/* ===================================================================
            Media Queries: Homepage
=================================================================== */
/*  Large Screens & Desktop  */
@media only screen and (max-width: 1176px) {
  div.seeSpecialsBtnSection div.seeSpecialsWrapper a.seeSpecialsBtn {
    padding-top: 1.6rem;
  }
}

/*  Large Screens & Desktop  */
@media only screen and (max-width: 1120px) {
  div.seeSpecialsBtnSection div.seeSpecialsWrapper a.seeSpecialsBtn {
    padding-top: 2.5rem;
  }
}

/*  Large Screens & Desktop  */
@media only screen and (max-width: 1078px) {
  div.seeSpecialsBtnSection div.seeSpecialsWrapper a.seeSpecialsBtn {
    padding-top: 3.5rem;
  }
}

/*  Large Screens & Desktop  */
@media only screen and (max-width: 1000px) {
  div.homePageImgSection img.heroImage {
    width: 60vw;
    height: auto;
  }
  /* ===================================================================
            See Specials Btn
=================================================================== */
  div.seeSpecialsBtnSection {
    display: none;
  }
  /* ===================================================================
        Socials, Reserve Table and Mini Bio Section
=================================================================== */
  section.socials-resrv-minibio {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    margin-top: -2rem;
  }
  /* ===================================================================
            Reservation Button
=================================================================== */
  div.makeReservationCol {
    display: block;
    margin: 0 auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  div.makeReservationCol div.resevationBtn {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
  }
  div.makeReservationCol div.resevationBtn a {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #990000;
    padding: 1.5rem 2.5rem;
    background-color: #D89033;
    border-radius: 2rem;
    text-align: center;
  }
  /* ===================================================================
            Scroll Down Button
=================================================================== */
  div.scrollDownCol {
    display: block;
    margin: 0 auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  div.scrollDownCol h2.homeAboutUsHdr {
    margin-top: 6rem;
  }
  /* ===================================================================
            Steak 'N' Beer Mini Bio
=================================================================== */
  div.miniBioCol {
    display: block;
    margin-top: 10rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  div.miniBioCol div.miniBioImgSection {
    margin: 0;
  }
  div.miniBioCol div.miniBioImgSection img {
    display: block;
    margin: 5rem auto;
    padding-right: 0;
  }
  div.miniBioCol div.miniBioImgSection h1 {
    text-align: center;
    padding-right: 0;
    margin: -9rem;
  }
  div.miniBiotext {
    width: 60%;
    margin: 0 auto;
  }
  div.miniBiotext p {
    color: #990000;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.5;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 13rem;
  }
  /* ===================================================================
            Socials
=================================================================== */
  div.socialsCol {
    padding-left: 0 !important;
    padding-right: 0;
    display: block;
    margin: 5rem auto 0 auto;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  div.socialsCol div.socialsBtns {
    width: 50vw !important;
    text-align: center;
  }
  div.socialsCol div.socialsBtns a {
    display: inline-block !important;
    padding: 2rem 1rem 5rem 1rem !important;
    color: #4d4d4d;
  }
  /* ===================================================================
            Responsive See Our Specials Section
=================================================================== */
  div.responisveSeeSpecialsBtn {
    position: relative;
    margin: 5rem auto 0 auto;
    display: block;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

/*  Small Laptop Screens  */
@media only screen and (max-width: 787px) {
  div.homePageImgSection img.heroImage {
    width: 80vw;
    height: auto;
  }
}

/*  Tablets  */
@media only screen and (max-width: 575px) {
  div.homePageImgSection p {
    font-size: 1.2rem;
    padding: 0 2.5rem 1rem 2.5rem;
    line-height: 1.2;
  }
}

/*  Phones  */
@media only screen and (max-width: 370px) {
  div.miniBioImgSection img,
  div.responisveSeeSpecialsBtn img {
    width: 85vw;
  }
}

/* ===================================================================
            Media Queries: Menu - Menu Nav
=================================================================== */
/*  Large Screens & Desktop  */
/*  Small Laptop Screens  */
/*  Tablets  */
/*  Larger Phones  */
@media only screen and (max-width: 600px) {
  ul.menuNav li {
    padding-left: 0 !important;
  }
}

/*  Medium Phones  */
@media only screen and (max-width: 500px) {
  ul.menuNav {
    margin-left: auto;
    margin-right: auto;
  }
  ul.menuNav li {
    padding-left: 0 !important;
  }
  ul.menuNav li a {
    color: #c6c6c6;
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: 600;
    background: inherit;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    padding: 0 1.5rem !important;
    font-size: 1.8rem !important;
  }
}

/*  Small Phones  */
/* ===================================================================
            Media Queries: Menu - Brunch
=================================================================== */
/*  Small Laptop Screens  */
@media only screen and (max-width: 1000px) {
  .brunchOpeningHours p {
    padding-left: 0;
  }
}

/*  Tablets  */
@media only screen and (max-width: 900px) {
  .bfastMenuSection {
    padding: 0;
    margin-top: 5rem;
  }
  .bfastMenuSection div.bfastSpecialSection {
    display: none;
  }
  .bfastMenuSection .breakfastMenuWrapper {
    padding-left: 0;
  }
  .bfastMenuSection .breakfastMenuWrapper h1 {
    margin-bottom: 2rem;
  }
  .hotDrinksMenuSection {
    padding: 0;
    margin-top: 5rem;
  }
  .hotDrinksMenuSection .hotDrinksMenuWrapper h2 {
    margin-bottom: 2rem;
  }
  .hotDrinksMenuSection .hotDrinksFaveSection {
    display: none;
  }
  .refresherSection {
    padding: 0;
    margin-top: 5rem;
  }
  .refresherSection .refresherSpecialSection {
    display: none;
  }
  .refresherSection .refresherMenuSection {
    padding: 0;
  }
  .refresherSection .refresherMenuSection .refresherMenuWrapper h2 {
    margin-bottom: 2rem;
  }
}

/*  Medium Phones  */
@media only screen and (max-width: 650px) {
  .brunchOpeningHours p {
    width: 100%;
  }
}

/* ===================================================================
            Media Queries: Menu - Mains
=================================================================== */
/*  Tablets  */
@media only screen and (max-width: 900px) {
  .forAllergyInfo p {
    margin-bottom: 5rem;
    padding-left: 0;
  }
  .nibblesMenuSection {
    margin-top: 3rem;
    padding: 0;
  }
  .nibblesMenuSection .nibblesMenuWrapper {
    padding-right: 0;
  }
  .nibblesMenuSection .nibblesMenuWrapper h2 {
    margin-bottom: 2rem;
  }
  .nibblesMenuSection .nibblesFeatImgSection {
    display: none;
  }
  .SnBSection {
    margin-top: 3rem;
    padding: 0;
  }
  .SnBSection .featSnBWrapper {
    display: none;
  }
  .SnBSection .SnBMenuSection {
    padding-left: 0;
  }
  .SnBSection .SnBMenuSection h2 {
    margin-bottom: 2rem;
  }
  .dessertsMenuSection {
    margin-top: 3rem;
    padding: 0;
  }
  .dessertsMenuSection .dessertsMenuWrapper {
    padding-right: 0;
  }
  .dessertsMenuSection .dessertsMenuWrapper h2 {
    margin-bottom: 2rem;
  }
  .dessertsMenuSection .fattyFaveSection {
    display: none;
  }
}

/* ===================================================================
            Media Queries: Menu - Beers
=================================================================== */
/*  Small Laptop Screens  */
@media only screen and (max-width: 1000px) {
  .beersSection .beersFeatImgSection {
    display: none;
  }
  .beersSection .beersMenuSection .beersMenuWrapper {
    padding-left: 0;
  }
  .ciderMenuSection {
    margin-top: -6rem;
  }
  .ciderMenuSection .ciderMenuWrapper h2 {
    margin-bottom: 2rem;
  }
  .ciderMenuSection .ciderMenuWrapper .ciderMenu {
    padding-right: 0;
  }
  .ciderMenuSection .cidersFeatImgSection {
    display: none;
  }
}

/*  Tablets  */
@media only screen and (max-width: 900px) {
  .extensiveRangeOfBeers p {
    padding-left: 0;
  }
  .beersSection {
    padding: 0;
  }
  .ciderMenuSection {
    padding: 0;
  }
}

/*  Larger Phones  */
@media only screen and (max-width: 600px) {
  div.extensiveRangeOfBeers p {
    width: 100%;
  }
}

/*  Small Phones  */
@media only screen and (max-width: 490px) {
  .beersMenu {
    font-size: 1.4rem;
  }
  .beersMenu .beerNameCol,
  .beersMenu .PintsCol,
  .beersMenu .halfPintCol,
  .beersMenu .bottlePriceCol {
    font-size: 1.4rem;
  }
  .beersMenu .beerNameCol h3,
  .beersMenu .PintsCol h3,
  .beersMenu .halfPintCol h3,
  .beersMenu .bottlePriceCol h3 {
    font-size: 1.4rem;
  }
  .beersMenu .beerNameCol .beerName,
  .beersMenu .beerNameCol .pintPrice,
  .beersMenu .beerNameCol .emptyPrice,
  .beersMenu .beerNameCol .halfPintPrice,
  .beersMenu .beerNameCol .bottlePrice,
  .beersMenu .PintsCol .beerName,
  .beersMenu .PintsCol .pintPrice,
  .beersMenu .PintsCol .emptyPrice,
  .beersMenu .PintsCol .halfPintPrice,
  .beersMenu .PintsCol .bottlePrice,
  .beersMenu .halfPintCol .beerName,
  .beersMenu .halfPintCol .pintPrice,
  .beersMenu .halfPintCol .emptyPrice,
  .beersMenu .halfPintCol .halfPintPrice,
  .beersMenu .halfPintCol .bottlePrice,
  .beersMenu .bottlePriceCol .beerName,
  .beersMenu .bottlePriceCol .pintPrice,
  .beersMenu .bottlePriceCol .emptyPrice,
  .beersMenu .bottlePriceCol .halfPintPrice,
  .beersMenu .bottlePriceCol .bottlePrice {
    font-size: 1.4rem;
  }
}

/* ===================================================================
            Media Queries: Bookings
=================================================================== */
/*  Tablets  */
@media only screen and (max-width: 800px) {
  .bookingsImgWrapper .bookATableDesktopImg {
    display: none;
  }
  .bookingsImgWrapper .bookATableMobileImg {
    display: block;
  }
}

/*  Small Phones  */
@media only screen and (max-width: 375px) {
  img.bookATableMobileImg {
    max-width: 30rem;
    height: auto;
  }
}

/*  Small Phones  */
@media only screen and (max-width: 350px) {
  div.bookingsForm {
    width: 80vw;
  }
  div.bookingsForm select.customSelect {
    padding-left: 1rem;
    background-position: right 1rem top 50%, 0 0;
  }
  div.BookTableBtnWrapper {
    width: 80vw;
    margin-top: 2rem;
  }
  img.bookATableMobileImg {
    width: 80vw;
    height: auto;
  }
}

/* ===================================================================
            Media Queries: Specials
=================================================================== */
/*  Small Laptop Screens  */
@media only screen and (max-width: 1024px) {
  .SpecialsBSSection {
    padding-bottom: 7rem;
    border-bottom: solid rgba(255, 255, 255, 0.3) 1px;
  }
  .fattyFaveSpecialSection {
    margin: 5rem 0;
  }
}

/*  Larger Phones  */
@media only screen and (max-width: 700px) {
  .steakStackSpecialImg,
  .fattyFaveSpecialImg {
    max-width: 80vw;
    max-height: 90vh;
  }
}

/*  Larger Phones  */
@media only screen and (max-width: 529px) {
  .specialsSSTxtOutlineImg,
  .specialFFTxtOutlineImg {
    display: none;
  }
  .SpecialsSSDesc p,
  .specialsDessertDesc p {
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
}

/* ===================================================================
            Media Queries: Locations
=================================================================== */
/*  Large Screens & Desktop  */
@media only screen and (max-width: 1110px) {
  .locationsWrapper {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

/*  Small Laptop Screens  */
@media only screen and (max-width: 1000px) {
  .locationsSection h1 {
    display: block;
    text-align: center;
  }
}

/*  Small Phones  */
@media only screen and (max-width: 400px) {
  .locationHoxtonSq img,
  .locationBrixton img,
  .locationCroydonCentre img,
  .locationClapham img {
    width: 80vw;
  }
  .locationHoxtonSq h2,
  .locationBrixton h2,
  .locationCroydonCentre h2,
  .locationClapham h2 {
    width: 80vw;
  }
}

/* ===================================================================
            Media Queries: Opening Hours
=================================================================== */
/*  Small Laptops  */
@media only screen and (max-width: 1000px) {
  .openingHrstextInfo .pleaseNote {
    width: 100%;
  }
}

/*  Larger Phones  */
@media only screen and (max-width: 600px) {
  .openingHrsPageWrapper .openingHrsImgWrapper {
    padding: 0;
  }
}

/* ===================================================================
            Media Queries: Privacy
=================================================================== */
/*  Tablets  */
@media only screen and (max-width: 900px) {
  .privacyContentSection {
    margin-top: 5rem;
  }
}

/*  Tablets  */
@media only screen and (max-width: 750px) {
  .privacyContentSection .privacyContentWrapper {
    padding: 2rem;
  }
}

/*  Small Phones  */
@media only screen and (max-width: 450px) {
  .privacyContentSection {
    margin-top: 0;
  }
  .privacyContentSection .privacyContentWrapper h1 {
    margin-bottom: 0;
  }
}

/* ===================================================================
            Media Queries: Contact
=================================================================== */
/*  Tablets  */
@media only screen and (max-width: 800px) {
  .ContactFormSection .contactFormWrapper {
    padding-right: 0;
    width: 100%;
  }
  .ContactFormSection .contactStoreLocations {
    width: 42rem;
    padding-left: 0;
    margin-top: 5rem;
  }
}

/*  Small Phones  */
@media only screen and (max-width: 375px) {
  .ContactFormSection {
    width: 100%;
  }
  .ContactFormSection .contactStoreLocations {
    width: 100%;
  }
  .ContactFormSection .contactStoreLocations .contactHoxtonSq h2,
  .ContactFormSection .contactStoreLocations .contactBrixton h2,
  .ContactFormSection .contactStoreLocations .contactCroydonCentre h2,
  .ContactFormSection .contactStoreLocations .contactClapham h2 {
    font-size: 1.6rem;
  }
  .ContactFormSection .contactStoreLocations .contactHoxtonSq p,
  .ContactFormSection .contactStoreLocations .contactBrixton p,
  .ContactFormSection .contactStoreLocations .contactCroydonCentre p,
  .ContactFormSection .contactStoreLocations .contactClapham p {
    font-size: 1.4rem;
  }
}
/*# sourceMappingURL=main.css.map */