header {
    padding: 0.1em 0.5em;
}

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    padding-left: 6px;
    padding-top: 20px;
}

/* label color */
.input-field label {
    color: #88959b;
}

/* label focus color */
.input-field input[type=text]:focus + label {
    color: #01579B;
}
/* label focus color */
.input-field input[type=email]:focus + label {
    color: #01579B;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #01579B;
    box-shadow: 0 1px 0 0 #01579B;
}
/* label underline focus color */
.input-field input[type=email]:focus {
    border-bottom: 1px solid #01579B;
    box-shadow: 0 1px 0 0 #01579B;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #01579B;
    box-shadow: 0 1px 0 0 #01579B;
}

/* invalid color */
/*.input-field input[type=text].invalid {*/
    /*border-bottom: 1px solid #01579B;*/
    /*box-shadow: 0 1px 0 0 #01579B;*/
/*}*/

/* icon prefix focus color */
.input-field .prefix.active {
    color: #01579B;
}

[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
    border: 2px solid #01579B;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {
    background-color: #01579B;
}
[type="checkbox"]:checked+label:before {
    border-right: 2px solid #01579B;
    border-bottom: 2px solid #01579B;
}
.btn, .btn-large {
    background-color: #01579B;
}
.btn:hover, .btn-large:hover {
    background-color: #2b6f9b;
}
.number-circle {
    background: #069;
    color: #FFF;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    /*margin-right: 15px;*/
}
.answer-head{
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .answer-title {
        font-size: 1rem;
    }
    .number-circle{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}