.cost-of-equipment label h2{font-size: 1em; margin-bottom: 10px; margin-bottom: 10px;}

.cost-of-equipment .field input{margin-left: 10px; width: 80%;}

#calculator button{color: #fff; background-color: #000; border: 0; padding: 10px; margin: 10px; }

#calculator button[name="show-savings"]{margin-left: 20px;}

#calculator span.text{display: none}

.calculator-response{margin: 20px; max-width: 350px;}

.calculator-response .answer{overflow: hidden; margin-bottom: 20px;}

.calculator-response .heading{font-weight: bold; float: left;}

.calculator-response .value{float: right; margin-left: 20px;}

.calculator-response .help{font-weight: normal; font-size: .875em}

.calculator-error{color: #d04733; font-weight: bold; padding: 20px; display: none}



@media only screen and (max-width: 720px){

  .cost-of-equipment,

  .calculator-response{color: #fff}

}