@charset "utf-8";
/* CSS Document 

button {
    display: inline-block;
    border: none;
    padding-top:0.20em;padding-bottom:0.76em;padding-left:1em;padding-right:1em;
    margin-top: 0em; margin-bottom: 0em; margin-left: 0em; margin-right: 0em;
    text-decoration: none;
    background: #808080;
    color: #000000;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:hover, button:focus {
    background: #c6c6c6; 
}

button:focus {
    outline: 1px solid #808080;
    outline-offset: -1px;
}

button:active {
    transform: scale(0.99);
}
*/



.button {
  background-color: #808080;
  border: none;
  color: white;
  padding: 8px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-top:0em;margin-bottom:0em;margin-right:0em;margin-left:0em;
  cursor: pointer;
  
  font-family:'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:1em;
  font-weight:400;
  letter-spacing:0.015em;
  font-style:normal;
  line-height:0.913em;
  
  transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;}
	
button:hover, button:focus {
    background: #595959; 
}

button:focus {
    outline: 1px solid #808080;
    outline-offset: -1px;
}

button:active {
    transform: scale(0.99);
}	
}

}

@media only screen and (max-width:1023px){
.button {
  font-size:0.86em;
  padding: 7px 32px;
  margin-top:0em;margin-bottom:0em;margin-right:0em;margin-left:0em;
}
}

@media handheld, only screen and (max-width:767px){
.button {
  font-size:0.86em;
  padding: 6px 26px;
  margin-top:0em;margin-bottom:0em;margin-right:0em;margin-left:13px;
}
}

@media handheld, only screen and (max-width:480px){	
.button {
  font-size:0.90em;
  padding: 5px 20px;
  margin-top:0em;margin-bottom:0em;margin-right:0em;margin-left:4px;
}

}