body{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    color: #484744;
    text-align: center;
}
html{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    color: #484744;
}
h1{
    font-family: 'Droid Serif', serif;
    padding-top: 50px;
}
p{
    font-size: 16px;
}
i{
    font-size: 16px;
}
button{
    font-family: 'Droid Serif', serif;
    background: #3d4245!important;
    color: #ffffff!important;
    border-radius: 0px!important;
    font-size: 16px!important;
    padding: 15px 20px!important;
    margin-top: 15px;
    cursor: pointer!important;
}
button:hover{
    opacity: 0.85;
}
@media screen and (max-width: 640px) {
    body{
        text-align: left;
    }
    h1{
        padding-top: 15px;
    }
}

.response{
    margin-top:20px;
    display: block;
}

.responseError{
    color: #c32831;
}

.responseSuccess{
    color: #41c33a;
}

.currentStateMessage{
    margin-left:20px;
}

.stateSuccess{
    color: #41c33a;
}

.stateFailed{
    color: #c32831;
}