* {
  box-sizing: border-box;
}

body {
  background-image: url("../img/bg.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-family: Arial, Helvetica, sans-serif;
}

.header {
  background-color: blue;
  padding: 20px;
  text-align: center;
  color: #f3d589;
  font-size: 2em;
  font-weight: bold;
  text-shadow: blue;
  z-index: -1;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: blue;
  color: white;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: -1;
}

#center_div {
  position: absolute;
  width: 700px;
  height: 400px;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -175px 0 0 -350px;
  background: white;
  opacity: 0.5;
  padding: 20px;
}

.center_text {
	text-align: center;
}

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	text-align: right;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column.side, .column.middle {
    width: 100%;
  }
}