html, body, pre, code, kbd, samp, button{
    font-family: 'Roboto', medium;
}

input[type="text"], textarea{
  font-family: 'Roboto Mono', regular;
  font-size:15px;
}

button.primary{
  background-color:#59BACC;
}

button.secondary{
  background-color:#FFBC49;
}

button.success{
  background-color:#58AD69;
}

.button4 {
  display:inline-block;
  padding:0.3em 1.2em;
  margin:0 0.1em 0.1em 0;
  border:0.16em solid rgba(255,255,255,0);
  border-radius:2em;
  box-sizing: border-box;
  text-decoration:none;
  font-family:'Roboto',sans-serif;
  font-weight:300;
  font-size:20px;
  color:#FFF;
  background-color:#999;
  text-align:center;
  transition: all 0.2s;
}

.button4:hover{
  border-color: rgba(255,255,255,1);
}

@media all and (max-width:30em){
  .button4{
    display:block;
    margin:0.2em auto;
  }
}