.calc-hat .btn-fn {
  background: rgba(245, 245, 245, 0.9);
}

.calc-hat .btn {
  width: 11.11111%;
  padding: 3% 0;
  font-size: 36px;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  -webkit-box-shadow: 0 0 5px #dedede;
  box-shadow: 0 0 5px #dedede;
}

.calc-hat .btn:disabled {
  color: #999;
  background: rgba(245, 245, 245, 0.9);
}

input[name='display'].form-control {
  min-height: 48px;
  font-size: 36px;
  background: none;
  border-color: #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-inline .form-control[readonly] {
  margin: 5px 2px;
  color: #f00;
  background-color: #f7f7f7;
  border-color: #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .calc-hat .btn {
    font-size: 14px;
  }

  input[name='display'].form-control {
    font-size: 18px;
  }
}