@media screen {
    body {
        background: url(../image/black-flakes.png) repeat;
        color: #999;
        font: 100%/1.7em sans-serif;
        margin: 0;
    }

    h1 { margin: 0; }

    fieldset {
        border: none;
        margin: 0;
    }

    input {
        border: none;
        font-family: inherit;
        font-size: inherit;
        margin: 0;
        outline: none;
        -webkit-appearance: none;
    }
    input[type="submit"] {
        cursor: pointer;
    }
    /* ---------- LOGIN-FORM ---------- */

    #login-form {
        margin: 50px auto;
        width: 300px;
    }

    #login-form h1 {
        /*background-color: #235d48;*/
        /*border-radius: 5px 5px 0 0;*/
        color: #fff;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        /*text-transform: uppercase;*/
        margin: 0;
    }

    #login-form fieldset {
        /*background: #e9e9e9;*/
        border-radius: 5px 5px 5px 5px;
        padding: 20px;
        position: relative;
    }

    #login-form fieldset:before {
        /*background-color: #e9e9e9;*/
        content: "";
        height: 8px;
        left: 50%;
        margin: -4px 0 0 -4px;
        position: absolute;
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 8px;
    }
    #login-form table  {
        /*align-content: center;*/
        /*vertical-align: bottom;*/
        width: 100%;
        border-spacing: 0px;
        border-collapse: collapse;
        /*border-width: 0px;*/
        /*margin: 0px;*/
        /*padding: 0px;*/
    }
    #login-form table th {
        width: 0px;
    }

    #login-form input {
        font-size: 14px;
    }

    #login-form input[type="text"],
    #login-form input[type="password"] {
        border: 1px solid #dcdcdc;
        padding: 5% 5%;
        width: 90%;
    }

    #login-form input[type="text"] {
        border-radius: 5px 5px 5px 5px;
    }

    #login-form input[type="password"] {
        /*border-top: none;*/
        border-radius: 5px 5px 5px 5px;
    }

    #login-form input[type="submit"] {
        background: #1dabb8;
        border-radius: 3px;
        color: #fff;
        float: center;
        font-weight: bold;
        margin-top: 20px;
        padding: 12px 20px;
        width: 100%;
    }



    #login-form input[type="submit"]:hover { background: #198d98; }

    #login-form footer {
        font-size: 12px;
        margin-top: 16px;
    }

}

@media screen and (max-device-width:600px){
    body {
        font: 2.0em sans-serif;
    }

    #login-form {
        margin: 150px auto;
        width: 95%;
    }
    #login-form h1 {
        font-size: 2em;

    }
    #login-form input {
        font-size: 1.8em;
        margin-bottom: 3%;
    }
    #login-form fieldset {
        padding: 5%;
    }
    #login-form input[type="submit"] {
        border-radius: 5px;
        margin-top: 20px;
        padding:30px 30px;
        width: 100%;
    }
}