body{background-color:#7f7f7f;margin:0 auto;}
table,tr,td{border: 1px solid black;
    padding: 5px; 
    border-spacing:0px;
    border-collapse:collapse;}
#wrapper{
max-width:720px;
    margin:0 auto;
    background-color: white;
}
*{box-sizing:border-box;}

/* For desktop: */
.col-1 {width: 50%;float:left;}
.col-2 {width: 50%;float:left;}

@media only screen and (max-width: 720px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}
/* unvisited link */
a:link {
  color: #222222;text-decoration:none;
}

/* visited link */
a:visited {
  color:  #222222;text-decoration:none;
}

/* mouse over link */
a:hover {
  color: #222222;text-decoration: underline;
}

/* selected link */
a:active {
  color:  #222222;text-decoration:underline;
}
/* Style the footer */
footer {
    padding: 10px;
  text-align: center;
    color: black;}