body {
  font-family: "Trebuchet MS","Droid Sans";
  margin: 0px; }

body.home {
  background-image: url("/assets/images/back0001.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  background-position: top;
  background-color: black; }

.banner {
  text-align: center; }

.shop > .banner {
  margin: 20px;
  padding: 20px; }

.shop > .banner > h2 {
  margin-bottom: 0px; }

.home > .banner {
  background-color: rgba(255, 255, 255, 0.8);
  min-width: 800px;
  margin: 20px;
  padding: 20px; }

.current {
  color: green; }

.banner > h2 {
  text-align: center; }

.banner > .logo {
  background-image: url("/assets/images/baanmilin-s.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 98px;
  background-position: center; }

.wrapper {
  text-align: center; }

.grid {
  padding: 20px;
  background-color: #e0e0e0;
  /* padding:  */
  /* width: 1000px; */
  border: 1px solid silver;
  display: inline-grid;
  grid-template-columns: repeat(3, 300px);
  grid-template-rows: auto;
  grid-gap: 10px;
  align-items: top;
  justify-content: center; }

.item {
  background-color: #f0f0f0;
  border: 1px solid silver;
  display: grid;
  grid-template-rows: 400px auto min-content;
  grid-template-columns: auto;
  grid-gap: 10px;
  align-items: top;
  justify-content: center; }

.item > .name {
  align-self: start;
  font-size: 1.2em;
  text-align: center;
  margin-bottom: 4px;
  padding: 8px; }

.item > .description {
  text-align: left; }

.item > .prices {
  align-self: middle;
  text-align: left;
  padding-bottom: 8px;
  display: grid;
  grid-template-rows: repeat(auto);
  grid-template-columns: auto min-content auto;
  column-gap: 6px; }

.prices > .name {
  align-self: end;
  text-align: right; }

h1 {
  text-align: center; }

.gotoShop {
  margin-top: 140px;
  text-align: center;
  vertical-align: center; }

.button {
  border: 2px solid black;
  padding: 20px 40px;
  text-align: center;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9); }

.button > .buttonHolder {
  display: flex;
  align-items: center; }

.buttonHolder > .flag {
  margin-left: 10px;
  height: 32px; }

.button:hover {
  border: 10px solid #ffc600;
  padding: 12px 32px; }

.gotoShop > a {
  text-decoration: none;
  color: black;
  font-size: 2em; }

.contact {
  white-space: nowrap;
  font-size: 1.2em;
  background-color: #303030;
  color: #ffc600;
  text-align: center;
  border: 1px solid silver;
  margin-top: 20px;
  padding: 20px 0px;
  display: grid;
  grid-template-rows: repeat(auto);
  grid-template-columns: auto min-content min-content min-content min-content min-content auto; }

.contact a {
  color: #ffc600; }

.contact > .left {
  text-align: right; }

.contact > .right {
  text-align: left; }

.contact > .divider {
  margin: 0px 20px; }