@font-face {

font-family: 'YanoneKaffeesatzRegular';

src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot');

src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),

url('fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),

url('fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),

url('fonts/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'BebasNeueRegular';

src: url('fonts/BebasNeue-webfont.eot');

src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

url('fonts/BebasNeue-webfont.woff') format('woff'),

url('fonts/BebasNeue-webfont.ttf') format('truetype'),

url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

font-weight: normal;

font-style: normal;

}

body, div, h1, form, fieldset, input, textarea {

margin: 0; padding: 0; border: 0; outline: none;

}

<!--html {

height: 100%;

}-->

/*body {

background: #728eaa;

background: -moz-linear-gradient(top, #CCC 0%, #728EAA 150%); /* firefox */

/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25303C), color-stop(100%,#728EAA)); /* webkit */

font-family: sans-serif;

}

.cover{

background:#CCC; width:700px; margin:auto; padding-left:0px;

}

h2.contact { padding-left: 125px; font-size: 66px; color: #ff5400; background: url(images/contact.png) no-repeat -10px -10px;  font-family: 'YanoneKaffeesatzRegular';}

p.contact { font-size: 24px; margin-bottom: 0px; line-height: 36px; font-family: 'BebasNeueRegular', Arial; color: #4b4b4b; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

#contact { margin-bottom: 0px; }

input[type="text"] { width: 400px; }

textarea { width: 400px; height: 100px; }

label { color:#330033; }

input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 5px solid rgba(122, 192, 0, 0.15); padding: 2px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 14px; -webkit-border-radius: 5px; margin-bottom: 0px; margin-top: -10px; }

input:focus, textarea:focus { border: 5px solid #4b4b4b; background-color: rgba(255, 255, 255, 1); }

input[type="submit"] { border: none; cursor: pointer; color: #fff; font-size: 19px; background-color: #7ac000; padding: 5px 36px 8px 36px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.6);

background: -webkit-gradient(

linear,

left bottom,

left top,

color-stop(0.23, #619702),

color-stop(0.62, #7ac000)

);

background: -moz-linear-gradient(

center bottom,

#619702 23%,

#7ac000 62%

);

}

input[type="submit"]:hover { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.4); background-color: #ff5400;

background: -webkit-gradient(

linear,

left bottom,

left top,

color-stop(0.23, #c34000),

color-stop(0.62, #ff5400)

);

background: -moz-linear-gradient(

center bottom,

#c34000 23%,

#ff5400 62%

);

}

input[type="submit"]:active { top: 1px; }

<!---------------------------------->

input[type="reset"] { border: none; cursor: pointer; color: #fff; font-size: 24px; background-color: #7ac000; padding: 5px 36px 8px 36px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.6);

background: -webkit-gradient(

linear,

left bottom,

left top,

color-stop(0.23, #619702),

color-stop(0.62, #7ac000)

);

background: -moz-linear-gradient(

center bottom,

#619702 23%,

#7ac000 62%

);

}

input[type="reset"]:hover { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.4); background-color: #ff5400;

background: -webkit-gradient(

linear,

left bottom,

left top,

color-stop(0.23, #c34000),

color-stop(0.62, #ff5400)

);

background: -moz-linear-gradient(

center bottom,

#c34000 23%,

#ff5400 62%

);

}

input[type="reset"]:active { top: 1px; }