@media only screen and (min-device-width:800px) {
    body {
        background-color: #fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .loginInput{
        width: 300px;
        font-weight: bold;
        color:#aa0000;
        font-size: 1.2em;
    }
    .loginButton{
        /*   height:68px;width: 80px;font-weight: bold;font-size: 0.8em;color:#C50024;margin-top:8px;*/

        height:40px;
        width: 310px;
        font-weight: bold;
        font-size: 1.2em;
        color:#C50024;

    }
    .loginText{
        color:#0072C6;
        width: 300px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;

    }

    .labelTextOuput{
        font-size:1.2em;
        color:#0072C6;
    }
    .labelTextAddButton{
        font-size:1.2em;
        font-weight: bold;
        color:#aa0000;
        width: 330px;
    }
    .inputTextAddButton{
        font-size:1.2em;
        font-weight: bold;
        color:#000;
        background-color: #9fadc4;
        width: 325px;
    }
}

@media only screen and (min-width:0px) and (max-device-width: 799px) {
    body {

        /* background: url(laleler-mob.jpg) no-repeat center center fixed; */
      /*  background-color: #FFDA93; */
        background-color: floralwhite;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-size: 5em;
    }

    .loginInput{
        width: 600px;
        font-weight: bold;
        color:#aa0000;
        font-size: 1.2em;
    }
    .loginButton{
        /*   height:68px;width: 80px;font-weight: bold;font-size: 0.8em;color:#C50024;margin-top:8px;*/

        height:200px;
        width: 600px;
        font-weight: bold;
        font-size: 1.0em;
        color:#C50024;

    }
    .loginText{
        color:#0072C6;
        width: 300px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;

    }

    .labelTextOuput{
        font-size:1.2em;
        color:#0072C6;
    }
    .labelTextAddButton{
        font-size:1.2em;
        font-weight: bold;
        color:#aa0000;
        width: 330px;
    }
    .inputTextAddButton{
        font-size:1.2em;
        font-weight: bold;
        color:#000;
        background-color: #9fadc4;
        width: 325px;
    }


}


