@media  only screen and (min-device-width: 768px) 
{
    .form-container {
      padding: 2%;
      background: #ffffff;
      border: 9px solid #f2f2f2;            
      max-width: 520px;
      margin: auto;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 300;
    }

}
.button {
   border-top: 1px solid #080808;
   background: #545759;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#545759));
   background: -webkit-linear-gradient(top, #000000, #545759);
   background: -moz-linear-gradient(top, #000000, #545759);
   background: -ms-linear-gradient(top, #000000, #545759);
   background: -o-linear-gradient(top, #000000, #545759);
   padding: 9.5px 19px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #393a3b;
   background: #393a3b;
   color: #ccc;
   }
.button:active {
   border-top-color: #080808;
   background: #080808;
   }
h1
{
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
}

input, textarea , button
{
  width: 100%;
}    
textarea
{
  height: 100px;
}