@media screen and (max-width: 700px) {
    root { 
        display: initial;
    }

    html {
        height: auto;
        margin: 2px;
        padding: 2px;
    }

    body {
        height: auto;
        font-size: larger;
    }

    h1 {
        display: none;
        width: 0px;
        height: 0px;
    }

    h1 a {
        display: none;
        width: 0px;
        height: 0px;
        background-image: none;
    }

    #common-info {
        float: right;
        vertical-align: text-bottom;
        margin-top: 0px;
        color: #aaa;
    }

    #menu input {
        margin: 5px;
    }

    #pbxwidget {
        display: none;
    }
    
    .width-80p {
        width: 99%;
    }
    
    .ui-widget {
        font-size: initial;
    }

    input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
        -webkit-appearance: none; -moz-appearance: none;
        display: block;
        margin: 0;
        width: 98%; height: 40px;
        line-height: 40px; font-size: 17px;
        border: 1px solid #bbb;
        size: auto;
    }

    input[type=checkbox] {
        width: 44px; height: 44px;
        -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
        border: 1px solid #bbb;
    }

    input[type=submit],button[type=submit] {
        -webkit-appearance: none; -moz-appearance: none;
        display: block;
        margin: 1.5em 0;
        font-size: 1em; line-height: 2.5em;
        color: #333;
        font-weight: bold;
        height: 40px;
        width: 100%;
        background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
        border: 1px solid #bbb;
        -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    }

    input[type=range] {
        width: 100%;
    }

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 44px; height: 44px;
        background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
        border: 1px solid #bbb;
        -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
    }

    .postit {
        background-image: none;
        background-color: #fcfe09;
    }

    #menu li {
        font-size: 2.5em;
        height: 40px;
        vertical-align: middle;
    }
}