body {
  background-image: url("/img/bg.jpg");
  background-repeat: repeat;
}

.wrapper {
  display: flex;
  justify-content: center;
}

.grid-container {
  margin-top: 5px;
  background-color: white;
  max-width: 960px;
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-template-rows: 200px 35px 26px 1fr 50px;
  agap: 2em 2em;
  grid-template-areas:
    "logo logo"
    "something menu"
    "rightbar rightbar"
    "right right"
    "footer footer";
}

.logo {
  background-image: url("/img/plaza-header.png");
  grid-area: logo;
}



.something {
  background: rgb(92, 110, 117);
  grid-area: something;
}

.menu {
  background: rgb(92, 110, 117);
  grid-area: menu;
  font-size: 12px;
}

.leftbar, .rightbar {
  background-image: url("/img/menubar.jpg");
  background-repeat: repeat;
  font-family: Arial, Helvetica, sans-serif;
  color: #a5e058;
  font-size: 14px;
  text-transform: uppercase;

}

.left {
  grid-area: left;
  background: rgb(216, 216, 216);
  font-size: 11px;
}

.left-text {
  color: rgb(57, 130, 175);
  text-decoration: none;
}

.right {
  grid-area: right;
  font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  padding-left: 10px;
}

.right a {
  color: rgb(57, 130, 175);
  text-decoration: none;

}

.footer {
  background: rgb(92, 110, 117);

  grid-area: footer;
}

.logo {
  grid-area: logo;
}

.slideshow {
  grid-area: slideshow;
}

.leftbar {
  grid-area: leftbar;
  display: none;
}

.rightbar {
  grid-area: rightbar;
}