* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.hr {
  width: 100%;
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 1px;
}

.left, .right {
  width: 20%;
  background-color: #fff;
}

.inner {
  width: 33%;
  float: left;
  text-align: center;
  background-color: #fff;
}

.middle {
  width: 60%;
  background-color: #fff;
  text-align: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.img {
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  height: auto;
}

a:link {
	color: #FF0000;
}
a:visited {
	color: #FF0000;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}

.headblack {
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;
}
.bodyblack {
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000;
	}

@media screen and (max-width: 800px) {
.column {
  float: center;
  padding: 0px;
  justify-content: center;
  align-items: center;
}
.middle {
  width: 100%;
  }
img{
  max-width: 100%;
  height: auto;
  }
}