body, html {
    height: 100%;
	background-color: gray;
	font-family: Copperplate, Papyrus, fantasy;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.column {
  float: left;
  width: 33.33%;
  padding: 15px;
  text-align: center;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
}

.singleColumn {
	height: auto;
	width: 100%;
	padding: 60px;
	text-align: center;
	background-color: gray;
}

.footer {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}