style.css

/*Public Style*/
body{background-color:#dedede;padding-top: 2em;}
table{background-color:#fff;box-shadow:0 0 9px #c3c3c3;    border-radius: 8px;overflow: hidden;    width: 50%;}
th,td,p,input{font:14px Verdana}
table,th,td{border-collapse:collapse;padding:8px 15px;text-align:center;margin:0 auto}
th{font-weight:700;background-color:#424242;color:#fff}
tr:nth-child(odd){background-color:#eee}
tr:hover {background-color: #2bbbad;color: #fff;}
input[type="button"]{background-color:#2bbbad;border:none;border-radius:2px;color:#fff;height:50px;font-size:15px;padding:0 24px;text-decoration:none;text-align:center;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out;outline:0}
input[type="button"]:hover,input[type="button"]:focus{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}
input[type="button"]:focus{background-color:#1d7d74}
.wrapBtn {text-align: center;    margin-bottom: 2em;}
/* responsive form */
@media screen and (max-width: 768px){
  table td::before {content: attr(data-th) !important;float: left;font-weight: bold !important;text-transform: uppercase;PADDING-LEFT: 10PX;}
  table th {display: none;}
  table td{display: block;border-bottom: 1px solid #bdbdbd;}
  table{width: 100%;}
}