table.calc{
    font-size: 1.5em;
}

span.calc{
    font-size: 1em;
}

tr.calc{
    font-size: 1em;
}

td.calc{
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

select.calc{
    font-size: 1em;
    line-height: 1.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 5px;
    width: 100%;
}

input.calc{
    font-size: 1em;
    line-height: 1.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 5px;
    width: 100%;
}

button.calc{
    font-size:1em;
    width: 100%;
}

select.unit{    
    font-size: 1em;
    line-height: 1.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 5px;
    width: 100%;
}

td.col1{
    width: 30%;
}

td.col2{
    width: 50%;
}

table, th, td, tr {
    border: none !important;
}

@media (max-width: 800px)
{
    table.calc{
    margin: 0, 0, 0, 0;
    width:100%;
    font-size: 1em;
    }

    button.calc{
        font-size:0.7em;
    }

    select.calc{
        font-size: 1em;
        line-height: 1.5em;
        width: 100%;
        margin-right: 2em;
    }
}