.menu .price,
.menu .size,
.menu header {
  text-align: center;
}
@font-face {
  font-family: MuseoSlab;
  src: url(../fonts/Museo_Slab_500.otf) format("opentype");
}
html {
  background: url(../images/coffee-beans.jpg) center center no-repeat fixed;
  background-size: cover;
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu {
  margin-top: 1em;
  margin-bottom: 1em;
}
.menu section {
  margin-top: 30px;
}
.menu h2 {
  font-family: Lobster, cursive;
  font-size: 1.75em;
  margin: 0;
}
.menu header img {
  max-width: 100%;
}
.menu .menu-items {
  padding: 1em;
  background: #fff;
}
.menu .menu-items hr {
  border-top: 3px dotted;
}
.menu .menu-items li {
  white-space: nowrap;
}
.menu .items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.menu .items .col {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.menu .size {
  font-size: 1em;
}
.menu .item,
.menu .price {
  margin: 0.5em 0;
}
.menu .small::after {
  content: "S";
}
.menu .medium::after {
  content: "M";
}
.menu .large::after {
  content: "L";
}
.menu .pastries .price {
  text-align: right;
}

body {
  color: #5c4033;
  background-color: transparent;
  font-family: MuseoSlab;
  font-size: 125%;
}

/* Between 800px and 1199px */


/* 1200px and above */


@media (min-width: 768px) {

  .menu .items {
    font-size: 1.25em;
  }
  .menu .image {
    position: relative;
    height: 381px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .menu .image .overlay {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 50%;
    padding: 0.25em;
  }
  .menu .logo {
    height: 409px;
    background-size: contain;
    background-image: url(../images/logo.png);
  }
  .menu .croissant {
    background-image: url(../images/croissant.jpg);
  }
  .menu .cappuccino {
    background-image: url(../images/cappuccino.jpg);
  }
}
@media (min-width: 1200px) {
  .menu {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .menu .row:nth-of-type(1) {
    position: absolute;
    width: 100%;
  }
  .menu .small::after {
    content: "Small";
  }
  .menu .medium::after {
    content: "Medium";
  }
  .menu .large::after {
    content: "Large";
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QkEsc0NBc0RJLGlCQUFZLENBbEZoQixXQUNFLHNCQUNBLHVEQUFLLENBR1AsS0FDRSx5RUFDQSxzQkFDQSxxQkFBWSxDQUdkLGlCQUNFLGtCQUFZLENBR2QsS0FDRSxjQUNBLDZCQUNBLHNCQUNBLGNBQVcsQ0FHYixNQUNFLGdCQUNBLFNBQ0EsU0FBUyxDQUdYLE1BQ0UsZUFDQSxpQkFBZSxDQUZqQixjQUtJLGVBQVksQ0FMaEIsU0FTSSw0QkFDQSxpQkFDQSxRQUFRLENBWFosaUJBa0JNLGNBQVcsQ0FsQmpCLGtCQXVCSSxZQUNBLGVBQVksQ0F4QmhCLHFCQTJCTSxxQkFBWSxDQTNCbEIscUJBK0JNLGtCQUFhLENBL0JuQixhQW9DSSxxQkFBQSxBQUFTLG9CQUFULEFBQVMsWUFBQSxDQXBDYixrQkF1Q00sZUFBQSxBQUFNLFdBQU4sQUFBTSxNQUFBLENBdkNaLFlBNENJLGFBQVcsQ0E1Q2YseUJBaURJLGFBQVEsQ0FqRFosb0JBMERJLFdBQVMsQ0ExRGIscUJBOERJLFdBQVMsQ0E5RGIsb0JBa0VJLFdBQVMsQ0FsRWIsdUJBc0VJLGdCQUFZLENBSWhCLHlCQUNFLGFBRUksZ0JBQVcsQ0FGZixhQU1JLGtCQUNBLGFBQ0Esc0JBQ0EsNEJBQ0EsaUNBQXFCLENBVnpCLHNCQWFNLGtCQUNBLFNBQ0EsZ0NBQ0EsVUFDQSxhQUFTLENBakJmLFlBc0JJLGFBQ0Esb0JBQ0Esd0NBQXdDLENBeEI1QyxpQkE0QkksNkNBQTZDLENBNUJqRCxrQkFnQ0ksOENBQThDLENBQUEsQ0FLcEQsMEJBQ0UsTUFDRSxhQUNBLGtCQUFlLENBRmpCLDBCQUtJLGtCQUNBLFVBQU8sQ0FOWCxvQkFVSSxlQUFTLENBVmIscUJBY0ksZ0JBQVMsQ0FkYixvQkFrQkksZUFBUyxDQUFBLENBQUEiLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAZm9udC1mYWNlIHtcbiAgZm9udC1mYW1pbHk6IE11c2VvU2xhYjtcbiAgc3JjOiB1cmwoXCIuLi9mb250cy9NdXNlb19TbGFiXzUwMC5vdGZcIikgZm9ybWF0KFwib3BlbnR5cGVcIik7XG59XG5cbmh0bWwge1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2NvZmZlZS1iZWFucy5qcGcpIG5vLXJlcGVhdCBjZW50ZXIgY2VudGVyIGZpeGVkO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4qLCAqOmJlZm9yZSwgKjphZnRlciB7XG4gIGJveC1zaXppbmc6IGluaGVyaXQ7XG59XG5cbmJvZHkge1xuICBjb2xvcjogIzVDNDAzMztcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtZmFtaWx5OiBcIk11c2VvU2xhYlwiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbm9sLCB1bCB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbn1cblxuLm1lbnUge1xuICBtYXJnaW4tdG9wOiAxZW07XG4gIG1hcmdpbi1ib3R0b206IDFlbTtcblxuICBzZWN0aW9uIHtcbiAgICBtYXJnaW4tdG9wOiAzMHB4O1xuICB9XG5cbiAgaDIge1xuICAgIGZvbnQtZmFtaWx5OiBcIkxvYnN0ZXJcIiwgY3Vyc2l2ZTtcbiAgICBmb250LXNpemU6IDEuNzVlbTtcbiAgICBtYXJnaW46IDA7XG4gIH1cblxuICBoZWFkZXIge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAgIGltZyB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5cbiAgLm1lbnUtaXRlbXMge1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcblxuICAgIGhyIHtcbiAgICAgIGJvcmRlci10b3A6IDNweCBkb3R0ZWQ7XG4gICAgfVxuXG4gICAgbGkge1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG4gIH1cblxuICAuaXRlbXMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICAuY29sIHtcbiAgICAgIGZsZXg6IDE7XG4gICAgfVxuICB9XG5cbiAgLnNpemUge1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICB9XG5cbiAgLml0ZW0sXG4gIC5wcmljZSB7XG4gICAgbWFyZ2luOiAwLjVlbSAwO1xuICB9XG5cbiAgLnNpemUsXG4gIC5wcmljZSB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG5cbiAgLnNtYWxsOjphZnRlciB7XG4gICAgY29udGVudDogXCJTXCI7XG4gIH1cblxuICAubWVkaXVtOjphZnRlciB7XG4gICAgY29udGVudDogXCJNXCI7XG4gIH1cblxuICAubGFyZ2U6OmFmdGVyIHtcbiAgICBjb250ZW50OiBcIkxcIjtcbiAgfVxuXG4gIC5wYXN0cmllcyAucHJpY2Uge1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICB9XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICAubWVudSB7XG4gICAgLml0ZW1zIHtcbiAgICAgIGZvbnQtc2l6ZTogMS4yNWVtO1xuICAgIH1cblxuICAgIC5pbWFnZSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBoZWlnaHQ6IDM4MXB4O1xuICAgICAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuXG4gICAgICAub3ZlcmxheSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwyNTUsMjU1LDAuNSk7XG4gICAgICAgIHdpZHRoOiA1MCU7XG4gICAgICAgIHBhZGRpbmc6IDAuMjVlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAubG9nbyB7XG4gICAgICBoZWlnaHQ6IDQwOXB4O1xuICAgICAgYmFja2dyb3VuZC1zaXplOiA0MCU7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoLi4vaW1hZ2VzL2xvZ28ucG5nKTtcbiAgICB9XG5cbiAgICAuY3JvaXNzYW50IHtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi9pbWFnZXMvY3JvaXNzYW50LmpwZyk7XG4gICAgfVxuXG4gICAgLmNhcHB1Y2Npbm8ge1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKC4uL2ltYWdlcy9jYXBwdWNjaW5vLmpwZyk7XG4gICAgfVxuICB9XG59XG5cbkBtZWRpYSAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLm1lbnUge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMzBweDtcblxuICAgIC5yb3c6bnRoLW9mLXR5cGUoMSkge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNtYWxsOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIlNtYWxsXCI7XG4gICAgfVxuXG4gICAgLm1lZGl1bTo6YWZ0ZXIge1xuICAgICAgY29udGVudDogXCJNZWRpdW1cIjtcbiAgICB9XG5cbiAgICAubGFyZ2U6OmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6IFwiTGFyZ2VcIjtcbiAgICB9XG4gIH1cbn0iXSwic291cmNlUm9vdCI6Ii9zb3VyY2UvIn0= */