*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  box-sizing: border-box;
  font-family: 'Lato'; }

img {
  display: block;
  max-width: 100%; }

.container {
  position: relative; }

.main_content {
  position: relative;
  min-height: 60vh; }

.under_development {
  min-height: 50vh; }
  .under_development p {
    font-size: 5rem;
    text-align: center;
    margin-top: 5rem; }

.bold {
  font-weight: bold; }

.red {
  color: #FF0033; }

.big_1 {
  font-size: 1.2em; }

.big_2 {
  font-size: 1.6em; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.sticky_nav {
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: white;
  min-height: 50px; }
  .sticky_nav__nav {
    position: absolute;
    font-size: 3em;
    top: 100%;
    width: 100%;
    text-align: left;
    background-color: white;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding-bottom: 1rem;
    transform: scale(1, 0);
    transform-origin: top;
    transition: transform 400ms ease-in-out;
    margin-bottom: 2rem; }
    .sticky_nav__nav ul {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-top: 2rem; }
    .sticky_nav__nav a {
      text-decoration: none;
      text-transform: uppercase;
      color: #292929;
      margin-left: 2rem;
      margin-right: 2rem;
      margin-bottom: 2rem;
      opacity: 0;
      transition: opacity 250ms ease-in-out 250ms; }
      .sticky_nav__nav a:hover {
        text-shadow: 0 0.015em #101010,0 -0.015em #101010,0.01em 0 #101010,-0.01em 0 #101010; }
  .sticky_nav__callus {
    font-size: 2rem;
    position: absolute;
    right: 10px;
    top: 10px; }

.header {
  position: relative;
  text-align: center;
  padding-top: 50px;
  background-color: white;
  width: 100%;
  border-bottom: 3px solid #292929; }
  .header__heading {
    font-size: 3em;
    display: flex;
    justify-content: center;
    color: #292929;
    margin-bottom: 2rem; }
  .header__logo {
    display: flex;
    justify-content: center; }
    .header__logo_img {
      width: 200px; }

.nav_toggle {
  display: none;
  position: relative; }
  .nav_toggle__label {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 1em;
    cursor: pointer;
    height: 35px;
    width: 32px;
    display: flex;
    align-items: center; }
    .nav_toggle__label span,
    .nav_toggle__label span::before,
    .nav_toggle__label span::after {
      display: block;
      height: 3px;
      width: 32px;
      background-color: black;
      position: relative; }
    .nav_toggle__label span::before,
    .nav_toggle__label span::after {
      content: '';
      position: absolute; }
    .nav_toggle__label span::before {
      bottom: 8px; }
    .nav_toggle__label span::after {
      top: 8px; }

.nav_toggle:checked ~ nav {
  transform: scale(1, 1); }

.nav_toggle:checked ~ nav a {
  opacity: 1; }

.site_message {
  width: 100%;
  font-size: 2rem;
  padding: 1rem;
  color: aliceblue;
  text-align: center;
  background-color: #7D7D7D; }

.footer {
  font-family: inherit;
  width: 100%;
  background-color: #292929;
  display: flex;
  justify-content: space-between; }
  .footer__address {
    padding: 1rem;
    font-size: 1.2rem;
    color: white; }
    @media only screen and (min-width: 450px) {
      .footer__address {
        font-size: 2rem; } }
  .footer__middle {
    display: none;
    padding: 1rem;
    font-weight: normal;
    color: white;
    text-align: center; }
    @media only screen and (min-width: 450px) {
      .footer__middle {
        display: block; } }
    .footer__middle_text-1 {
      font-family: 'Cabin Condensed', sans-serif;
      font-size: 1rem; }
      @media only screen and (min-width: 450px) {
        .footer__middle_text-1 {
          font-size: 2.5rem; } }
    .footer__middle_text-2 {
      font-family: 'birch std';
      font-size: 3rem; }
      @media only screen and (min-width: 450px) {
        .footer__middle_text-2 {
          font-size: 5rem; } }
    .footer__middle_text-3 {
      font-family: 'Lato';
      font-size: 1rem; }
      @media only screen and (min-width: 450px) {
        .footer__middle_text-3 {
          font-size: 2rem; } }
  .footer__links {
    padding-top: 1rem;
    padding-right: 1rem; }
    .footer__links-link {
      padding: 0.5rem; }
    .footer__links-img {
      max-width: 30px; }

.old_london_regular {
  font-family: old_londonregular; }

.hero {
  position: relative;
  color: #292929; }
  @media only screen and (min-width: 1024px) {
    .hero {
      background: black url("../img/peakyblinders_bg.jpg") no-repeat;
      background-size: cover;
      color: white; } }
  .hero__mobile {
    display: none;
    font-size: 2rem;
    background-color: #FFCC00;
    text-align: center;
    padding: 0.7rem;
    color: #000; }
    .hero__mobile a {
      color: inherit; }
    @media only screen and (max-width: 450px) {
      .hero__mobile {
        display: block; } }
  .hero__intro {
    font-size: 2rem;
    padding: 2rem; }
    @media only screen and (min-width: 1024px) {
      .hero__intro {
        font-size: 3rem; } }
  .hero__images {
    width: 100%;
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .hero__images {
        display: flex;
        justify-content: space-around; } }
    .hero__images__shape {
      position: relative;
      margin-bottom: 1rem; }
      @media only screen and (min-width: 1024px) {
        .hero__images__shape {
          width: 30%; } }
      .hero__images__shape_img {
        width: 100%; }
      .hero__images__shape_caption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.7;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        .hero__images__shape_caption_txt {
          position: relative;
          font-size: 6rem;
          color: white;
          text-align: center; }

.opening_hours {
  position: relative;
  font-size: 3em; }
  @media only screen and (min-width: 1024px) {
    .opening_hours {
      font-size: 5em; } }
  .opening_hours__details {
    text-align: center; }
    .opening_hours__details::before {
      content: '';
      background: black;
      display: block;
      width: 100%;
      height: 10px; }
    .opening_hours__details::after {
      content: '';
      background: black;
      display: block;
      width: 100%;
      height: 10px; }
  .opening_hours__title {
    margin-top: 2rem; }
  .opening_hours__table {
    margin-bottom: 2rem;
    margin-inline: auto;
    border: none;
    text-align: center; }
    .opening_hours__table td {
      padding: 0.3rem;
      font-size: 1em; }
    @media only screen and (min-width: 1024px) {
      .opening_hours__table_day {
        padding-right: 20rem !important; } }

.uppercut {
  display: flex;
  justify-content: center; }

.pricelist {
  position: relative;
  font-size: 2em; }
  @media only screen and (min-width: 896px) {
    .pricelist {
      font-size: 4em; } }
  @media only screen and (min-width: 1024px) {
    .pricelist {
      font-size: 6em; } }
  .pricelist::before {
    content: '';
    background: black;
    display: block;
    width: 100%;
    height: 10px; }
  .pricelist::after {
    content: '';
    background: black;
    display: block;
    width: 100%;
    height: 10px; }
  .pricelist__title {
    text-align: center; }
  .pricelist__prices {
    font-size: 0.5em;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 2rem; }
  .pricelist__line {
    display: flex;
    justify-content: center;
    padding: 0.5rem;
    border-bottom: 1px solid #AAAAAA; }
    .pricelist__line_txt {
      margin-left: 2rem; }

.gallery {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px; }
  .gallery__slider {
    display: block;
    width: 20000px;
    margin-left: 0; }
  .gallery__shape {
    float: left;
    backface-visibility: hidden;
    width: 750px;
    height: 500px;
    border: 2px #000 solid; }
  .gallery__img {
    filter: grayscale(100);
    scale: 1; }

.portfolio {
  position: relative;
  font-size: 2rem; }
  .portfolio p {
    text-align: center;
    font-size: 3rem;
    margin-top: 2rem; }

.findus__info {
  padding: 2rem; }

.findus__heading {
  margin-top: 2rem;
  font-size: 3rem;
  padding-left: 2rem;
  border-bottom: solid #444444 2px; }

.findus__textblock {
  padding-right: 2rem; }

.findus__subheading {
  margin-top: 1rem;
  font-size: 2rem;
  border-bottom: solid #444444 1px;
  margin-bottom: 1rem; }

.findus__text {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 2rem; }

.findus__map_map {
  width: 100%;
  min-height: 300px; }

.jobs {
  position: relative;
  min-height: 50vh; }
  .jobs__content {
    display: block; }
    @media only screen and (min-width: 1024px) {
      .jobs__content {
        display: flex; } }
  .jobs__hero_img {
    width: 100%;
    margin: 1rem; }
    .jobs__hero_img-2 {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .jobs__hero_img-2 {
          display: block; } }

.page__headline {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 2rem;
  text-align: center;
  background-color: #DBBA77;
  padding: 3rem 1rem; }
  .page__headline-music {
    background-color: #6483FF; }
  .page__headline_1 {
    font-weight: bold;
    font-size: 1.7em; }
    @media only screen and (min-width: 1024px) {
      .page__headline_1 {
        font-size: 4em; } }
  .page__headline_2 {
    font-weight: bold;
    font-size: 1.2em; }
    @media only screen and (min-width: 1024px) {
      .page__headline_2 {
        font-size: 2.5em; } }
  .page__headline_2-1 {
    font-weight: bold;
    font-size: 1em; }
    @media only screen and (min-width: 1024px) {
      .page__headline_2-1 {
        font-size: 2em; } }
  .page__headline_3 {
    font-size: 1em; }
    @media only screen and (min-width: 1024px) {
      .page__headline_3 {
        font-size: 1.5em; } }
  .page__headline p {
    margin-bottom: 0.7rem; }

.page__info {
  padding: 2rem;
  font-size: 2rem; }
  .page__info p {
    line-height: 1.3; }
  .page__info_header {
    font-weight: bold; }

.page__image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.music {
  position: relative;
  min-height: 50vh;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .music {
      display: flex;
      justify-content: center; } }
  .music__content {
    display: block; }
    .music__content_heading {
      font-size: 2rem;
      text-align: center;
      font-weight: bold;
      margin-bottom: 2rem; }
    @media only screen and (min-width: 1024px) {
      .music__content {
        display: flex;
        margin-top: 2rem; } }
  .music__lyrics {
    min-width: 375px;
    background-color: #F5F5F5;
    text-align: left;
    padding: 1rem;
    padding-bottom: 3rem;
    font-size: 1.2rem; }
    @media only screen and (min-width: 1024px) {
      .music__lyrics {
        font-size: 2rem; } }
  .music__play {
    background-color: black;
    color: white;
    padding-top: 2rem; }
    .music__play_control {
      display: flex;
      justify-content: center;
      padding-bottom: 2rem; }
    @media only screen and (min-width: 1024px) {
      .music__play {
        padding: 1rem; } }

@media only screen and (min-width: 1024px) {
  .theteam__team_member {
    display: flex; } }

.theteam__team_member__info {
  padding: 2rem;
  font-size: 2rem;
  flex: 1; }
  @media only screen and (min-width: 1024px) {
    .theteam__team_member__info {
      font-size: 2.5rem; } }
  .theteam__team_member__info_heading {
    font-weight: bold;
    margin-bottom: 1rem; }
  .theteam__team_member__info_text {
    margin-bottom: 2rem; }

.theteam__team_member__img {
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (min-width: 896px) {
    .theteam__team_member__img-img {
      max-width: 600px;
      max-height: 600px; } }
  @media only screen and (min-width: 1024px) {
    .theteam__team_member__img-img {
      max-width: 500px;
      max-height: 500px; } }

.theteam__team_member__more {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .theteam__team_member__more {
      display: block; } }