.maindiv{
	display:inline-block;
	width: 80%;
}
.image
{    
    position:relative;
    left:0;
    top:0;
    display:block;
    width:100%;
}

.imagewh 
{
	width:80%;
	height: auto;
}
.font1 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:1.3rem;
}
.font2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3rem;
}
.link {
    font-family:Arial, Helvetica, sans-serif;
	font-size:1.3rem;
}
.qrimage{
    width:30%;
    height:auto;
}
.div1 {
	display:table-cell;
	padding:0 5px;
	border:thin silver solid;
}
.div2 {
	display:table-cell;
	padding:0 5px;
	border-top :thin silver solid;
	border-bottom :thin silver solid;

}
.div3 {
	display:table-cell;
	padding:0 5px;
		border:thin silver solid;

}
#more {
	display: none;
}
#more2 {
	display: none;
}
#more3 {
	display: none;
}
#table1 {
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:1.3rem;

}
tr:nth-child(even) {
  background-color: #f2f2f2;
}
 th,
td {
    padding: 5px;
    text-align: left;
}
table,
th,
td {
    border: 1px solid black;
}
.footer{
	display:inline-block;
	width:100%;
 background-color: #ccc;

}
.footertext {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:.7rem;
	
}
/* Unvisited link */
a:link {
  color: blue;
  text-decoration: none;
}

/* Visited link */
a:visited {
  color: purple;
  text-decoration: none;
}

/* Mouse over link */
a:hover {
  color: red;
  text-decoration: underline;
}

/* Selected link */
a:active {
  color: orange;
  text-decoration: underline;
}
@media only screen and (max-width: 600px) {
	.maindiv{
		display:inline-block;
		width: 100%;
	}
	.imagewh {
	width:100%;
	height: auto;
	}
    .qrimage{
        width:75%;
        height:auto;
    }
  .div1 { 
    display: block;
    width: 100%;
  }
    .div2 { 
    display: block;
    width: 100%;
    border-left :thin silver solid;
	border-right :thin silver solid;

  }

  .div3 { 
    display: block;
    width: 100%;
  }

}