Form Customization

Hi everyone, I've tried adding custom code to the reserve form on this site but haven't been able to customize fonts (replace all serifs for Roboto. 

The code I added was this:

form-wrapper .field-list .title {
  font-family: ROBOTO;
  font-size: 10px;
  color: #000000;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.form-wrapper .field-list .field .caption {
  font-family: ROBOTO;
  font-size: 12px;
  color: #000000;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.form-wrapper .field-list .description {
  font-family: ROBOTO;
  font-size: 13px;
  font-weight: 100;
  color: #000000;
  letter-spacing: .0em;
  line-spacing: 2em;
  text-transform: NONE;
}
.form-wrapper input[type=submit] {
  color: #98635D;
  background-color: #F7F3EC;
  font-family: ROBOTO;
  font-size: 9px;
  border: 1px solid #F7F3EC;
}
.form-wrapper .field-list .field .field-element {
  background-color: #F7F3EC;
  font-family: ROBOTO;
  font-size: 9px;
  border: 1px solid #F7F3EC;
  border-radius: 0;
}
.form-wrapper name[type=submit] {
  color: #98635D;
  background-color: #F7F3EC;
  font-family: ROBOTO;
  font-size: 9px;
  border: 1px solid #F7F3EC;

Any clue on why some of the fonts won't change to Roboto?

Thanks!

Try this code

div.lightbox-inner * {
	font-family: Roboto !important;
}