/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
	width: 100%;
}
.divTableCell, .divTableHead {
	border: 1px solid #bfbfbf;
	background-color: #f2f2f2;
	display: table-cell;
	padding: 3px 10px;
	width: 100%;
}
.divleftTableCell{
	border: 1px solid #bfbfbf;
	background-color: #f2f2f2;
	display: table-cell;
	padding: 3px 10px;
	width: 20%;
}
.divrightTableCell{
	border: 1px solid #bfbfbf;
	background-color: #f2f2f2;
	display: table-cell;
	padding: 3px 10px;
	width: 80%;
}
.divFullTableCell{
	border: 1px solid #bfbfbf;
	background-color: #f2f2f2;
	display: table-cell;
	padding: 3px 10px;
	width: 100%;
}
.divTableHeading {
	border: 1px solid #bfbfbf;
	background-color: #f2f2f2;
	display: table-header-group;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.divTableFoot {
	background-color: #ed850e;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}
h3 {
  text-align: center;
}

.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


.button1 {background-color: #04AA6D;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: orange;} /* Blue */
.button4 {background-color: purple;} /* Blue */
.button5 {background-color: #008CBA;} /* Blue */
*{margin:0; padding:0 ;}

p {text-align: center;}
h1 {
	text-align: center;
	color: blue;
}
a:link, a:visited {
  background-color: blue;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
}