*{
  font-family:"Proxima Nova",Helvetica,sans-serif;
  font-size:18px;
}
h1{
  color:#00587c;
  font-size:1.5rem;
  margin-bottom:1rem;
  font-weight:600;
}
h3, h4{
  text-align:center;
}
label{
  margin-right:1em;
}
input:not([type="submit"]){
  float:right;
  border-radius:.25rem;
  border:1px solid #d3d3d3;
  box-shadow:inset 0 1px 1px #8f8f8f;
  padding:8px;
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;
  outline:none;
  width: 100%;
  width: -moz-available;          /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}
input:not([type="submit"]):focus{
  box-shadow:0 0 5px #642667 !important;
  border:1px solid #642667 !important;
}
input[type="submit"]{
  background:#cf005a;
  padding:.5rem 1rem !important;
  border-radius:.25rem;
  text-align:center;
  color:white;
  text-decoration:none;
  cursor:pointer;
  border:none;
}
input[type="submit"]:hover{
  background:#881e94;
}
input[type="submit"]{
  margin-top:1.5em;
  text-align:center;
}
input[type="text"]{
	
}
#page{
  max-width:500px;
  margin:auto;
  text-align:center;
}
#app-footer {
	position:fixed;
	bottom:0;
    z-index: 1000;
}
#app-header {
	position:fixed;
	top:0;
    z-index: 1000;
}
table{
  border-collapse:separate;
  border-spacing:0 1em;
  margin:auto;
  text-align:left;
}