h1 {text-align: center;}
div {text-align: center;}
body {
  background-color: #f5f5f5;
}

.center {
	font-family: Tahoma, sans-serif;
	margin: auto;
	width: 50%;
	border: 3px solid #e6a8e6;
	padding: 6px;
	text-align: left;
	background-color: #b3e5fc;
}
.row {
	display: flex;
}
.column {
	flex: 50%;
	padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 0px;
        padding-right: 6px;
}

.button {
	background-color: #e6a8e6;
	border: none;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 16px;
	transition-duration: 0.5s;
}

.button:hover {
	  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.005), 0 17px 50px 0 rgba(0,0,0,0.19);
}

@media screen and (max-width: 1000px) {
	.center {
		<!--padding: 20px;-->
		margin: 0%;
		width: 90%; /* The width is 100%, when the viewport is 800px or smaller */
	}
}