.tab{
    display: none;
    width: 100%; 
    height: 50%;
    margin: 0px auto;
    
}
.current{
    display: block;
    
}

form {background-color: #ffffff; 
    margin: 100px auto;
    padding: 40px;
    
    
}
#myForm h3{
    font-size:21px;
}


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

button.next {background-color: #4CAF50; color: #ffffff; border: none; padding: 7px 20px; font-size: 16px;  cursor: pointer;border-radius:5px; }
button.submit,button.previous{
    background-color: #4CAF50;
    color: #ffffff;
    border: none;
    padding: 7px 20px; 
    font-size: 16px; 
    cursor: pointer;
    border-radius:5px;
}
button:hover {opacity: 0.8; }

.previous {background-color: #bbbbbb; }

/* Make circles that indicate the steps of the form: */


.error {color: #f00; 
    
}

@media (max-width:767px){
    form {
        
        margin: 0 auto;
        padding: 40px 0;
    }
}