.x-header {
  padding-right: 5px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  background-color: #000;
  height: 100% !important; }
  .x-header a, .x-header a:hover {
    text-decoration: none;
    color: #FFF; }
  .x-header h1 {
    color: #FFF;
    font-family: 'Kadwa', serif;
    font-variant: small-caps;
    font-size: 2.0rem;
    line-height: 1.9rem;
    background-color: #333;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .x-header h1 {
        font-size: 3.2rem;
        line-height: 2.9rem; } }
    @media (min-width: 992px) {
      .x-header h1 {
        font-size: 3.5rem;
        line-height: 3.1rem; } }
    @media (min-width: 1200px) {
      .x-header h1 {
        font-size: 3.8rem;
        line-height: 3.4rem; } }
  .x-header h2 {
    font-size: 2.5rem;
    color: #FFF;
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-weight: 400; }
    @media (min-width: 768px) {
      .x-header h2 {
        font-size: 1.6rem; } }
    @media (min-width: 992px) {
      .x-header h2 {
        font-size: 1.8rem; } }
    @media (min-width: 1200px) {
      .x-header h2 {
        font-size: 2.1rem; } }
  .x-header h4 {
    font-size: 0.95rem;
    margin-top: -2px;
    text-align: right;
    color: #DDD;
    font-family: 'Roboto', sans-serif;
    font-weight: 400; }
  .x-header .xh-img {
    width: 80px;
    height: 80px;
    margin: 10px 10px 10px 0;
    background: #700; }
    @media (min-width: 768px) {
      .x-header .xh-img {
        width: 130px;
        height: 130px;
        margin: 10px 20px 10px 0; } }
    @media (min-width: 992px) {
      .x-header .xh-img {
        width: 150px;
        height: 150px; } }

.x-test {
  background: #333; }

.bg-midday {
  background-color: #333;
  background-image: url("../img/kh-2a.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-midday {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-midday {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-midday {
      min-height: 360px; } }

.bg-morning {
  background-color: #333;
  background-image: url("../img/kh-2.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-morning {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-morning {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-morning {
      min-height: 360px; } }

.bg-sweet {
  background-color: #333;
  background-image: url("../img/kh-5.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-sweet {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-sweet {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-sweet {
      min-height: 360px; } }


      .bg-xmas {
        background-color: #333;
        background-image: url("../img/image-xmas.jpg");
        background-size: cover;
        background-position: center;
        /* height: aut; */
        min-height: 240px; }
        @media (min-width: 375px) {
          .bg-sweet {
            min-height: 280px; } }
        @media (min-width: 414px) {
          .bg-sweet {
            min-height: 310px; } }
        @media (min-width: 768px) {
          .bg-sweet {
            min-height: 360px; } }

            .bg-valentines {
              background-color: #333;
              background-image: url("../img/kh-valentines.jpg");
              background-size: cover;
              background-position: center;
              /* height: aut; */
              min-height: 240px; }
              @media (min-width: 375px) {
                .bg-sweet {
                  min-height: 280px; } }
              @media (min-width: 414px) {
                .bg-sweet {
                  min-height: 310px; } }
              @media (min-width: 768px) {
                .bg-sweet {
                  min-height: 360px; } }


.bg-kids {
  background-color: #333;
  background-image: url("../img/kh-4-old.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-kids {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-kids {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-kids {
      min-height: 360px; } }

.bg-seniors {
  background-color: #333;
  background-image: url("../img/im-1.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-seniors {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-seniors {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-seniors {
      min-height: 360px; } }


      .bg-modern {
        background-color: #333;
        background-image: url("../img/kh2-a.jpg");
        background-size: cover;
        background-position: center;
        /* height: aut; */
        min-height: 240px; }
        @media (min-width: 375px) {
          .bg-seniors {
            min-height: 280px; } }
        @media (min-width: 414px) {
          .bg-seniors {
            min-height: 310px; } }
        @media (min-width: 768px) {
          .bg-seniors {
            min-height: 360px; } }


            .bg-sides{
              background-color: #333;
              background-image: url("../img/kh2-b.jpg");
              background-size: cover;
              background-position: center;
              /* height: aut; */
              min-height: 240px; }
              @media (min-width: 375px) {
                .bg-seniors {
                  min-height: 280px; } }
              @media (min-width: 414px) {
                .bg-seniors {
                  min-height: 310px; } }
              @media (min-width: 768px) {
                .bg-seniors {
                  min-height: 360px; } }

            .bg-burgers {
              background-color: #333;
              background-image: url("../img/kh2-c.jpg");
              background-size: cover;
              background-position: center;
              /* height: aut; */
              min-height: 240px; }
              @media (min-width: 375px) {
                .bg-seniors {
                  min-height: 280px; } }
              @media (min-width: 414px) {
                .bg-seniors {
                  min-height: 310px; } }
              @media (min-width: 768px) {
                .bg-seniors {
                  min-height: 360px; } }

.bg-allergen {
  background-color: #333;
  background-image: url("../img/image-chess-2.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-allergen {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-allergen {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-allergen {
      min-height: 360px; } }

.bg-cocktail {
  background-color: #333;
  background-image: url("../img/kh-cocktail.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-cocktail {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-cocktail {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-cocktail {
      min-height: 360px; } }

.bg-beer {
  background-color: #333;
  background-image: url("../img/kh-beer.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-beer {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-beer {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-beer {
      min-height: 360px; } }

.bg-wine {
  background-color: #333;
  background-image: url("../img/kh-wine.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-wine {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-wine {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-wine {
      min-height: 360px; } }

.bg-coffee {
  background-color: #333;
  background-image: url("../img/kh-1a.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-coffee {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-coffee {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-coffee {
      min-height: 360px; } }

.bg-cold {
  background-color: #333;
  background-image: url("../img/kh-cold.jpg");
  background-size: cover;
  background-position: center;
  /* height: aut; */
  min-height: 240px; }
  @media (min-width: 375px) {
    .bg-cold {
      min-height: 280px; } }
  @media (min-width: 414px) {
    .bg-cold {
      min-height: 310px; } }
  @media (min-width: 768px) {
    .bg-cold {
      min-height: 360px; } }

.x-food {
  background: #fdfbf8;
  text-align: center;
  font-family: 'David Libre', sans-serif;
  padding-bottom: 60px;
  padding-top: 40px; }
  @media (min-width: 992px) {
    .x-food {
      padding-left: 5%;
      padding-right: 5%; } }
  .x-food .x-dish-title {
    font-variant: small-caps;
    color: #DDAA33; }
  .x-food .x-dish {
    text-align: left;
    margin-bottom: 1.6rem; }
  .x-food h1 {
    margin: 0 auto;
    padding: 4rem 0 0 0;
    font-size: 3.2rem;
    font-weight: 500;
    font-variant: small-caps; }
  .x-food h2 {
    margin: 0 auto;
    padding: 1.6rem 0 2.4rem;
    font-variant: small-caps;
    font-size: 2.4rem;
    color: #111;
    color: #DDAA33; }
  .x-food h3 {
    font-weight: 500;
    display: inline;
    /* -right: 60px; */
    /* background-color: #FFF; */
    font-size: 1.9rem;
    /* margin-right: 60px; */ }
  .x-food h3:after {
    content: "\00a0"; }
  .x-food h4 {
    font-size: 1.7rem;
    font-weight: 400;
    color: #DDAA33;
    padding-bottom: 4rem; }
  .x-food h5 {
    font-size: 1.5rem;
    font-weight: 500; }
  .x-food h6 {
    font-weight: 500;
    display: inline;
    font-size: 1.6rem;
    color: #777; }
  .x-food p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.35rem;
    font-weight: 300;
    color: #333;
    line-height: 1.3;
    margin: 0 0 0.4rem 0; }

    .x-food li {
      font-family: 'Roboto', sans-serif;
      font-size: 1.35rem;
      font-weight: 300;
      color: #333;
      line-height: 1.3;
      margin: 0 0 0.4rem 0; }

  .x-food .x-price {
    float: right; }
  .x-food .x-price:before {
    content: "\00a0"; }
  .x-food .x-spacer {
    height: 2px; }
  .x-food .x-dots {
    background: url("../img/dots3.svg") repeat-x;
    background-size: 10px 20px;
    padding-right: 30px; }
  .x-food mark {
    background-color: #fdfbf8;
    color: black;
    margin: 0;
    padding: 0;
    font-size: 1.6rem; }