body {background-color: #ffffff;}
.parent { 
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 15fr 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  }

.div1 { 
  grid-area: 1 / 1 / 2 / 2; 
  color: black;
  font-family: "Helvetica";
  font-weight: 300;
  text-align: center;
  font-size: 5.7vmin;
  width:95%;
  padding-left:2.5%
  } 

.div2 { 
  grid-area: 2 / 1 / 3 / 2;
  color: black;
  position:absolute;
  left:50%;
  bottom:10px;
  width: 40%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 2%;
  color: black;
  background-color: white;
  font-family: "Helvetica";
	font-size: 3vmax;
  font-weight: 100;
  border: 0.5px solid #555555;
 	color: black;	
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
   
.div2:hover {
  background-color: black;
  color: white;
  }

p {
  font-family: "Helvetica";
  font-size: 14px;
  text-align: left;
}

a {
  font-family: "Helvetica";
  font-size: 14px;
 color: grey;

}

footer {
  position:fixed;
  left:10px;
  right:10px;
  bottom:20px;
  height:20px;
  width:100%;
   
}

/* IE 6 */
* html #footer {
  position:absolute;
  top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}