* {box-sizing: border-box;}
.tab{display: none; width: 100%; height: auto;margin: 0px auto;}
.current{display: block;}



form {
 font-family: Raleway; padding: 40px; width: 40%;  }


input {padding: 10px; width: 100%; font-size: 17px; font-family: Raleway; border: 1px solid #aaaaaa; }

button {background-color: #2F4F4F; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; font-family: Raleway; cursor: pointer; }

button:hover {opacity: 0.8; }

.previous,.next,.submit {background-color: #333; border-radius: 5px;}

/* Make circles that indicate the steps of the form: */
.step {height: 30px; width: 30px; cursor: pointer; margin: 0 2px; color: #fff; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.8; padding: 5px}

.step.active {opacity: 1; background-color: #2F4F4F;}

.step.finish {background-color: #2F4F4F; }

.error {color: #f00 !important; }
@media only screen and (max-width: 767px) {
	button{
  width: 100%;
    margin: 5px auto !important;
}
}