Personalizar Contact form 7

[ailenworketing]

Hola!

Estoy haciendo un blog en wordpress y quería personalizar el formulario de contacto Contact Form 7. El tema que estoy usando se llama "Portal" e incluye por defecto un apartado para customizar el css. Ahí pegué un código con el que conseguí personalizar el formulario como yo quería, pero hoy intentado cambiar otra cosa, de repente se ha desconfigurado el formulario. He borrado lo nuevo que habia puesto y repasado lo que tenía. Pero no encuentro el error. Si pudierais ayudarme os lo agradeceré muchisimo. La página es mesientamal.es y el código que tengo puesto es:

form.wpcf7-form {
background-color: #266d08;
text-align: center;
}

input#formname, #emailform, #subject, #message {
width:75%%;
margin-top: 30px;
margin-bottom: 5px;
}

input#formname {
margin-top: 20px;
}

input.wpcf7-form-control.wpcf7-submit{
margin-bottom: 20px;
color: #fff;
background-color: #34b704;
width: 50%;
}

input.wpcf7-form-control.wpcf7-submit input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover {
background-color: #a6dd8e;
}

span.wpcf7-form-control-wrap.your-message{
background-color: #000;
margin-bottom: 20px;
width: 50%;
}

button, input, select, textarea {
margin: 0;
width: 80%;
}

#aceptacion {
align: left;
color: #fff;
}


span.wpcf7-not-valid-tip {
background: none repeat scroll 0 0 #fff;
color: #f00;
display: block;
font-size: 1em;
}

div.wpcf7-validation-errors {
background: none repeat scroll 0 0 #fff;
border: 8px solid #266d08;
color: #f00;
}


span.wpcf7-not-valid-tip {
background: none repeat scroll 0 0 #fff;
border: 5px solid #266d08;
color: #f00;
display: block;
font-size: 1em;
}

input, textarea, select {
color: #266d08;
font-size: 12px;
padding: 11px 12px;
}

Muchas gracias!