html, body {
  margin:0;
  height:100%;
  font-family: "Lato", sans-serif;
}

header {
  background:tomato;
  color: white
}

body { 
  display:flex; 
  flex-direction:column; 
}

footer {
  padding:15px;
  margin-top:auto; 
  background:tomato;
  color: white;
  font-size: 10px;
  text-align: right;
}

article {
  margin: 0;
  width: 100%;

  background-color: transparent;
  color: grey;
  position:fixed;
  top:122px;
  bottom:42px;
  overflow-y:auto;
}

.menu {
  width: 100%;
  font-size: 15px;
}

.menu td {
  padding: 10px; font-weight: bold; letter-spacing: 1px;
}

.header {
  color: white;
  padding: 20px;
  font-size: 24px;
  background-image: url("header.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.produk {
  width: 100% !important;
  border-collapse: collapse;
}

.produk td {
  border: 1px solid white;
  padding: 8px;
  font-size: 11px;
  letter-spacing: 1px;
  font-family: Verdana;
  font-weight: bold;
}

.produk .kiri { border-right: none; width: 15%; background-color: skyblue; color: grey }
.produk .tengah { width: 65%; background-color: powderblue; color: slategray; border-right: none; border-left: none; }
.produk .kanan { border-left: none; width: 15%; background-color: lightcyan; color: slategray; text-align: right; }

.top { background-color: tomato; color: white }

i { font-size: 14px }