.bg-menu {
  background: #000 url(../images/bg-blackboard.png) no-repeat;
  background-size: cover;
  border: 8px solid #bda991;
  color: #eee9e9;
}

.cafe-menu-chalk-face {
    top: 0;
    right: 0;
    width: 80%;
}

@media only screen and (max-width: 767px) {
    .cafe-menu-chalk-face {
        top: 50%;
        right: 10%;
        width: 95%;
    }
}


.bg-blackboard {

  background: #000 url(../images/bg-blackboard.png) no-repeat;
  background-size: cover;
  border: 8px solid #bda991;
  color: #eee9e9;
}


.form-check-input[type=checkbox] {
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 150px;
}


[type=checkbox]:checked + img {
    box-shadow: 0 0 3pt 2pt #eee9e9;
}
[type=checkbox] + img {
    cursor: pointer;
}