* {
  box-sizing: border-box;
}


.left {
  background-color: #e5e5e5;
  float: left;
  width: 20%;
  padding: 25px;
  margin-top: 7px;
  text-align: center;
}

.main {
  float: left;
  width: 60%;
  padding: 20px;
  text-align: center;
}

.right {
  background-color: #e5e5e5;
  float: left;
  width: 20%;
  padding: 25px;
  margin-top: 7px;
  text-align: center;
}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c5d7db), color-stop(1, #faf2fa) );
	background:-moz-linear-gradient( center top, #c5d7db 5%, #faf2fa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5d7db', endColorstr='#faf2fa');
	background-color:#c5d7db;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:3px solid #dae6eb;
	display:inline-block;
	color:#171417;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:19px 32px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #faf2fa), color-stop(1, #c5d7db) );
	background:-moz-linear-gradient( center top, #faf2fa 5%, #c5d7db 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf2fa', endColorstr='#c5d7db');
	background-color:#faf2fa;
}.button:active {
	position:relative;
	top:1px;
}

@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  .left, .main, .right {
    width: 100%;
  }
}