body.home .cta-icon-bar a { display: block; }

@media only screen and (max-width: 668px) { body.home { background: #000; }
  body.home .container { padding-top: 4.61111rem; padding-bottom: 0; }
  body.home .hero-block { position: relative; }
  body.home .hero-block .hero-image img { width: 100%; height: auto; }
  body.home .cta-icon-bar ul.cta-links { list-style-type: none; padding: 0; margin: 0; }
  body.home .cta-icon-bar ul.cta-links.for-desktop { display: none; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile { display: flex; flex-wrap: wrap; border: 1px solid #ee3524; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li { flex: 1 1 50%; border: 1px solid #ee3524; text-align: center; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li a { padding-top: 1.66667rem; padding-bottom: 1.66667rem; text-decoration: none; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li a:hover { background: #ee3524; color: #fff; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li a:hover .link-icon img { filter: brightness(0.1); }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li .link-icon { display: block; width: 3.88889rem; height: 3.88889rem; margin: 0 auto; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li .link-icon img { max-width: 100%; max-height: 100%; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li .link-label { display: block; font-size: 1.44444rem; font-weight: 700; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile { border: 1px solid #ee3524; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li { border: 1px solid #ee3524; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li a { padding: 1.66667rem 1.66667rem; display: block; text-decoration: none; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li a:hover { background: #ee3524; color: #fff; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li a:hover .link-icon img { filter: brightness(0.1); }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li .link-icon { display: inline-block; text-align: center; width: 2.22222rem; height: 2.22222rem; margin-right: 0.75rem; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li .link-icon img { max-width: 100%; max-height: 100%; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li .link-label { display: inline-block; line-height: 1.2; font-size: 1.88889rem; font-weight: 700; vertical-align: middle; } }
@media only screen and (max-width: 640px) { body.home .container { padding-top: 5.72222rem; } }
@media only screen and (min-width: 669px) { .site-content-wrapper, body, html, .off-canvas-wrap, .off-canvas-wrap .inner-wrap { height: 100%; width: 100%; -webkit-overflow-scrolling: touch; }
  html.home { background: #000 url("/wp-content/themes/jlbeers-location-2020/images/background--home.jpg") no-repeat center center fixed; background-size: cover; }
  body.home .hero-block .hero-image { display: none; }
  body.home .cta-icon-bar { position: absolute; top: 50%; left: 0; right: 0; margin-top: -2.63889rem; text-align: center; z-index: 1001; }
  body.home .cta-icon-bar ul.cta-links { list-style-type: none; padding: 0; margin: 0; }
  body.home .cta-icon-bar ul.cta-links.for-mobile { display: none; }
  body.home .cta-icon-bar ul.cta-links li { display: inline-block; text-align: center; margin-right: 0; width: 9.23611rem; }
  body.home .cta-icon-bar ul.cta-links li a { width: 5.27778rem; height: 5.27778rem; background: #000; margin-left: auto; margin-right: auto; border: 2px solid #ee3524; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
  body.home .cta-icon-bar ul.cta-links li a:hover { background: #ee3524; }
  body.home .cta-icon-bar ul.cta-links li a:hover .link-icon img { filter: invert(100%); }
  body.home .cta-icon-bar ul.cta-links li a.active { background: #ee3524; }
  body.home .cta-icon-bar ul.cta-links li a.active .link-icon img { filter: invert(100%); }
  body.home .cta-icon-bar ul.cta-links li a.active:hover { background: #d82211; }
  body.home .cta-icon-bar ul.cta-links li .link-icon { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }
  body.home .cta-icon-bar ul.cta-links li .link-icon img { position: relative; width: auto; height: 2.22222rem; vertical-align: top; top: 50%; margin-top: -1.11111rem; }
  body.home .cta-icon-bar ul.cta-links li .link-label { display: block; margin-top: 0.55556rem; text-align: center; font-size: 1.44444rem; font-weight: 700; } }
@media only screen and (max-width: 668px) and (max-height: 625px) { body.home .cta-icon-bar.grid ul.cta-links.for-mobile li a { padding-top: 1.11111rem; padding-bottom: 1.11111rem; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li .link-icon { width: 3.05556rem; height: 3.05556rem; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li .link-label { font-size: 1.33333rem; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li a { padding-top: 1.11111rem; padding-bottom: 1.11111rem; } }
@media only screen and (max-width: 668px) and (max-height: 500px) { body.home .cta-icon-bar.grid ul.cta-links.for-mobile li a { padding-top: 0.83333rem; padding-bottom: 0.83333rem; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li .link-icon { width: 2.22222rem; height: 2.22222rem; }
  body.home .cta-icon-bar.grid ul.cta-links.for-mobile li .link-label { font-size: 1rem; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li a { padding-top: 0.83333rem; padding-bottom: 0.83333rem; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li .link-icon { width: 1.66667rem; height: 1.66667rem; }
  body.home .cta-icon-bar.stacked ul.cta-links.for-mobile li .link-label { font-size: 1.44444rem; } }