body, html {
  height: 100%;
  margin: 0;
  	font: 20px "Lato", sans-serif;
	text-decoration:none;
	
 }

#table1{
  width: 20%;
  height: 50%;
  display: flex;
 }
 

#table2{
  border-spacing: 50px 50px;
   top: 75%;
    position: absolute;
  width: 100%;
}

.center{
	margin-left: auto;
	margin-right: auto;
	 border-spacing: 15px;
	 background-color: black;
	 opacity: .8;
	 	 top: 50%;
  }
  .astext {
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
	color:black;
position:absolute;
right:10px;
top:10px;
	
}
.astext:hover{
	color:white;
}
a {
	font: 20px "Lato", sans-serif;
	text-decoration: none;
	    text-align: center;
  color: grey;
}
a:hover  {
	font: 20px "Lato", sans-serif;	
   color: white;
}
.bgimg-1 {
  position: relative;
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(frontpg.jpg);
  height: 100%;

}