/* Text Elements */

p.paragraph.paragraph-2 {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}

p.paragraph.paragraph-3 {
  color: #606060;
  font-size: 15px;
  line-height: 1.7;
}

p.paragraph.paragraph-4 {
  font-size: 15px;
}

p.paragraph.paragraph-12 {
  margin-top: -7px;
  color: #fff;
}

p.paragraph a.bottom-links {
  color: #fff;
}

p.paragraph.paragraph-8 {
  font-size: 15px;
}

p.paragraph.paragraph-5 {
  margin-top: -7px;
  color: #fff;
  text-align: center;
  font-size: 30px;
}

p.paragraph.paragraph-14 {
  margin-top: -12px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}

p.paragraph.paragraph-16 {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  color: #180906;
  text-align: center;
  font-size: 20px;
  line-height: 1.45;
}

p.paragraph.paragraph-17 {
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  color: #180906;
  text-align: center;
  font-size: 15px;
  line-height: 1.58;
}

p.paragraph.paragraph-18 {
  margin-top: 25px;
  color: #180906;
  text-align: center;
  font-size: 15px;
}

p.paragraph span.paragraph-text-3 {
  font-weight: 600;
}

p.paragraph.paragraph-19 {
  margin-top: 25px;
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
}

p.paragraph.paragraph-20 {
  color: #180906;
  text-align: center;
  font-size: 15px;
  line-height: 1.61;
}

p.paragraph a.paragraph-text-4 {
  color: #180906;
  text-decoration: underline;
  font-style: italic;
}

p.paragraph.paragraph-21 {
  text-align: center;
}

p.paragraph.paragraph-22 {
  text-align: center;
}

p.paragraph.paragraph-23 {
  text-align: center;
  font-size: 15px;
}

p.paragraph a.paragraph-text-6 {
  color: #180906;
}

/* Layout Elements */

body > .row.row-4 {
  margin-top: 1px;
  max-width: none;
}

body > .row > [class*='coffee-span-'].column-6 {
  background-color: #180906;
  background-image: none;
}

body > .row.row-17 {
  position: fixed;
  max-width: none;
}

body > .row.row-2 {
  max-width: none;
}

body > .row > [class*='coffee-span-'].column-5 {
  position: static;
  min-height: 775px;
  background-image: url('../HOME1.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body > .row > [class*='coffee-span-'].column-3 {
  display: none;
}

body > .row > [class*='coffee-span-'].column-4 {
  min-height: 85px;
  background-color: rgba(24, 9, 6, .56);
}

body > .row > [class*='coffee-span-'].column-7 {
  background-color: transparent;
}

body > .row > [class*='coffee-span-'].column-8 {
  border: 5px solid #fff;
  border-top-left-radius: 15px 15px;
  border-top-right-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
  border-bottom-left-radius: 15px 15px;
  background-color: #180906;
}

body > .row > [class*='coffee-span-'].column-10 {
  min-height: 75px;
}

body > .row.row-5 {
  max-width: none;
}

body > .row > [class*='coffee-span-'].eat-in-menu-header {
  position: static;
  min-height: 350px;
  background-image: url('../HOME1.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body > .row.row-6 {
  max-width: none;
}

body > .row > [class*='coffee-span-'].column-12 {
  min-height: 80px;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-1 {
  min-height: 185px;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-2 {
  min-height: 185px;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-3 {
  min-height: 30px;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-4 {
  min-height: 185px;
}

div.responsive-picture.picture-6 {
  max-width: 117px;
}

.row > [class*='coffee-span-'] .subgrid.subgrid-3 {
  margin-top: 92px;
}

div.responsive-picture.picture-2 {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 600px;
}

a.responsive-picture.picture-link-2 {
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  max-width: 370px;
}

div.image-for-button.button4 {
  margin-top: -7px;
  padding-right: 5px;
  padding-left: 5px;
  max-width: 145px;
}

div.image-for-button.button3 {
  margin-top: -7px;
  padding-right: 5px;
  padding-left: 5px;
  max-width: 200px;
}

div.image-for-button.button2 {
  margin-top: -7px;
  padding-right: 5px;
  padding-left: 5px;
  max-width: 150px;
}

div.image-for-button.button1 {
  margin-top: -7px;
  padding-right: 5px;
  padding-left: 5px;
  max-width: 80px;
}

a.link-button-image.button-link-1 {
  margin-top: 15px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: transparent;
}

.row > [class*='coffee-span-'] > .container.container-2 {
  margin-left: auto;
  max-width: 670px;
}

div.responsive-picture.picture-4 {
  margin-right: auto;
  margin-left: auto;
  max-width: 93px;
}

a.responsive-picture.picture-link-3 {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
}

div.responsive-picture.picture-5 {
  margin-right: auto;
  margin-left: auto;
  max-width: 245px;
}

div.responsive-picture.picture-7 {
  margin-right: auto;
  margin-left: auto;
}

div.responsive-picture.picture-8 {
  margin-top: 155px;
  margin-right: auto;
  margin-left: auto;
  max-width: 499px;
}

div.responsive-picture.EATIN-MENU {
  max-width: 645px;
  border: 1px solid #e5e5e5;
}

div.responsive-picture.picture-9 {
  max-width: none;
  border: 1px solid #dcdcdc;
}

@media screen and (max-width: 1495px) {
  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-5 {
    min-height: 715px;
  }

  body > .row > [class*='coffee-span-'].eat-in-menu-header {
    min-height: 350px;
  }

  div.responsive-picture.picture-2 {
    max-width: 570px;
  }
}

@media screen and (max-width: 1180px) {
  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-5 {
    min-height: 695px;
  }

  body > .row > [class*='coffee-span-'].eat-in-menu-header {
    min-height: 350px;
  }

  body > .row > [class*='coffee-span-'].column-11 {
    margin-right: auto;
    margin-left: auto;
  }

  div.responsive-picture.picture-2 {
    max-width: 520px;
  }

  div.responsive-picture.EATIN-MENU {
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 974px) {
  /* Text Elements */

  p.paragraph.paragraph-12 {
    margin-top: 26px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-5 {
    min-height: 645px;
  }

  body > .row > [class*='coffee-span-'].eat-in-menu-header {
    min-height: 350px;
  }

  div.responsive-picture.picture-6 {
    margin-top: -30px;
    max-width: 300px;
  }

  div.responsive-picture.picture-2 {
    margin-top: -6px;
    max-width: 445px;
  }

  .row > [class*='coffee-span-'] > .container.container-2 {
    margin-right: auto;
    max-width: 625px;
  }
}

@media screen and (max-width: 741px) {
  /* Text Elements */

  p.paragraph.paragraph-12 {
    margin-top: 5px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-3 {
    display: block;
    background-color: transparent;
  }

  body > .row.row-17 {
    display: block;
  }

  body > .row > [class*='coffee-span-'].column-4 {
    display: none;
  }

  body > .row > [class*='coffee-span-'].column-5 {
    min-height: 620px;
    background-image: url('../HOME1.jpg');
  }

  body > .row > [class*='coffee-span-'].column-7 {
    background-color: transparent;
  }

  body > .row > [class*='coffee-span-'].eat-in-menu-header {
    min-height: 350px;
    background-image: url('../HOME1.jpg');
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-4 {
    min-height: 155px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-6 {
    margin-top: -25px;
    background-color: rgba(24, 9, 6, .15);
  }

  .subgrid > .row.subgrid-row-1 {
    max-height: 80px;
    background-color: rgba(67, 55, 64, .78);
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-7 {
    min-height: 35px;
  }

  a.responsive-picture.picture-link-5 {
    margin-top: 16px;
    margin-left: 8%;
    max-width: 74px;
  }

  div.responsive-picture.picture-2 {
    margin-top: 6px;
    max-width: 404px;
  }

  div.responsive-picture.picture-6 {
    max-width: 223px;
  }
}

@media screen and (max-width: 540px) {
  /* Text Elements */

  p.paragraph.paragraph-4 {
    display: none;
  }

  p.paragraph.paragraph-3 {
    margin-top: 0;
  }

  p.paragraph.paragraph-8 {
    margin-top: 0;
  }

  p.paragraph.paragraph-12 {
    margin-top: 31px;
    max-width: 241px;
  }

  p.paragraph.paragraph-5 {
    font-size: 22px;
  }

  p.paragraph.paragraph-14 {
    font-size: 14px;
  }

  p.paragraph.paragraph-16 {
    padding-right: 0;
    padding-left: 0;
    font-size: 18px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-5 {
    min-height: 550px;
  }

  body > .row > [class*='coffee-span-'].eat-in-menu-header {
    min-height: 250px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-1 {
    min-height: 107px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-2 {
    margin-top: -9px;
    min-height: 86px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-9 {
    margin-top: 0;
    min-height: 85px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-4 {
    min-height: 135px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-6 {
    margin-top: -35px;
  }

  div.responsive-picture.picture-6 {
    max-width: 89px;
  }

  div.responsive-picture.picture-2 {
    margin-top: 5px;
    max-width: 335px;
  }

  a.responsive-picture.picture-link-2 {
    max-width: 344px;
  }

  div.responsive-picture.picture-8 {
    margin-top: 122px;
    max-width: 425px;
  }
}

@media screen and (max-width: 381px) {
  /* Text Elements */

  p.paragraph.paragraph-5 {
    font-size: 17px;
  }

  p.paragraph.paragraph-14 {
    margin-top: -2px;
    margin-right: auto;
    margin-left: auto;
    max-width: 200px;
    line-height: 1.48;
  }

  p.paragraph.paragraph-18 {
    font-size: 13px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-5 {
    min-height: 495px;
  }

  body > .row > [class*='coffee-span-'].eat-in-menu-header {
    min-height: 230px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-6 {
    margin-top: -35px;
  }

  a.responsive-picture.picture-link-2 {
    max-width: 235px;
  }
}