fieldset
{
    width         : 100%;
    border        : #fff 1px solid;
    border-radius : 0px;
    padding       : 1em;
}
legend
{
    width     : auto !important;
    font-size : 2rem;
}
form fieldset:not(:last-of-type)
{
    margin-bottom : 1em;
}
label.result
{
    font-size       : 100%;
    text-decoration : none;
    font-weight     : 600;
}
header
{
    background : #333;
}
label
{
    vertical-align : middle;
}
fieldset.calculator span.first
{
    vertical-align : top;
}
.calculator br,
.extra-money br
{
    content       : "A" !important;
    display       : block !important;
    margin-bottom : 1em !important;
}
form
{
    margin : 0;
}
fieldset span.error
{
    color : red;
}
@media (min-width : 0)
{
    label
    {
        text-align : left;
    }
    fieldset.calculator span label
    {
        width : 100%;
    }
    fieldset.extra-money label
    {
        width : 100%;
    }
}
@media (min-width : 479px)
{
    fieldset.calculator > span
    {
        width   : 49%;
        display : inline-block;
    }
}
@media (min-width : 768px)
{
    label
    {
        text-align    : right;
        padding-right : .5em;
    }
    #residualPercent
    {
        margin-bottom : 1em;
    }
    fieldset.calculator span label
    {
        width : 50%;
    }
    fieldset.extra-money label
    {
        width : 50%;
    }
    fieldset.calculator label.residual
    {
        text-align     : left;
        vertical-align : top;
        width          : 100%;
    }

}