a.button{
    display: inline-block;
	margin: 10px 0px 5px 5px;
  padding: 5px 5px;
    font-size: 12px;
	line-height: 2.0;
    font-weight: bold;
    color: #ffffff;
    background-color: #990000;
  text-shadow: -1px 1px #cc4646;
  border: none;
  width: 91%;
    text-align: center;
    /* padding: 4px; */
    text-decoration: none;

}

a.button:hover{
background-color: #600303;
color: #e2d8d8;
  text-shadow: -1px 1px #6f2d2d;	
}

a.button:active {
    background-color: #6f2d2d;
  text-shadow: -1px 1px #421818;
}




button {
  display: inline-block;
  margin: 0 0px 0 0;
  padding: 5px 5px;
  font-size: 16px;
  font-family: "Bitter",serif;
  line-height: 1.8;
  vertical-align: bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;

}
button:focus {
  outline: none
}
div.flat button {
  color: #fff;
  background-color: #990000;
  text-shadow: -1px 1px #cc4646;
  border: none;
}
div.flat button:hover,
div.flat button.hover {
  background-color: #600303;
  text-shadow: -1px 1px #6f2d2d;
}
div.flat button:active,
div.flat button.active {
  background-color: #6f2d2d;
  text-shadow: -1px 1px #421818;
}

@media all and (max-width: 960px) { 
  button {
    font-size: 30px
  }
}
@media all and (max-width: 720px) { 
  button {
    font-size: 20px;
    padding: 10px 30px;
  }
}
@media all and (max-width: 540px) { 
  section {
    text-align: center
  }
  button {
    margin: 0 10px 20px 10px;
    font-size: 16px;
  }
}