@media screen and (max-width:480px) {
    body {
        font-family: "Segoe WP", Tahoma, Geneva, Verdana;
        background-color: #000000;
        color: #ffffff;
        padding: 5px;
    }
    h1, h2, h3, h4, h5, h6 {
    font-family:"Segoe WP Semibold";
    margin-bottom:5px;
    }
    h1 {
    font-size: 48pt;
    }
    h2 {
    font-size: 40pt;
    }
    h3 {
    font-size:32pt;
    }
    h4{
    font-size:24pt;
    }
    h5 {
    font-size:20pt;
    }
    h6 {
    font-size:18pt;
    }
    p {
    font-size: 13pt;
    }
    input {
        color: #ffffff;
        background-color: #000000;
        border: 2px solid white;
        vertical-align: baseline;
        font-size: 13pt;
        min-width: 20px;
        min-height: 20px;
    }
    select, button {
        color: #ffffff;
        background-color: #000000;
        border: 2px solid white;
        vertical-align: baseline;
        font-size: 13pt;
        min-width: 20px;
        min-height: 20px;
    }
    label {
    vertical-align:baseline;
    font-size:13pt;
    }
    input.hasfocus {
    background-color:white;
    color:black
    }
    fieldset, legend {
    font-family:"Segoe UI Semibold";
    font-size:13pt;
    }
    fieldset {
    padding:14pt;
    border: 1px solid white;
    }
    legend {
        color: #ffffff;
    }
}