nav.navbar {
  position: fixed;
	width: 100%;
	z-index: 300;
	-webkit-transition: background-color .4s linear;
	-o-transition: background-color .4s linear;
	transition: background-color .4s linear;
	top: 0px;
	box-shadow: 0 0 7px rgba(0,0,0,0.09);
}

.navbar-brand>img {
  display: inline-block;
}

.navbar a:hover {
  background: #42b34f;
  color: #fff !important;
}

.middle-wrapper {
  padding-top: 60px
}

.display-inline {
  display: inline-block;
}

.wrapper-block {
  display: table;
  margin: 10px auto;
}

.wrapper-block form, .response, .check-balance, .response-balance {
  margin-bottom: 15px;
   background: #f5f5f5;
   padding: 15px;
   display: inline-block;
   width: 100%;
}

.wrapper-block  label {
  font-weight: 700;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

.wrapper-block input {
  border: 1px #dcdcdc solid;
  width: 100%;
}

.wrapper-block .form-group {
  width: 80%;
  float: left;
}

.wrapper-block button {
  float: left;
  margin-left: 1%;
}

.error {
  background: #f44336;
  color: #fff;
  padding: 15px;
  position: relative;
  margin-bottom: 15px;
  width: 100%;
}

.response input {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.error h2 {
  margin: 0;
}