@media(max-width: 570px) {
    a:-webkit-any-link{
        text-decoration:none !important;
    }
    input:focus,
    select:focus,
    textarea:focus {
        outline: none;
    }

    html,body {
        height:auto!important;
        overflow:visible;
        margin:0;
        padding:0;
    }

    body{
        background-image:none;
        background-color:#465262;
        font-size:12px;

    }

    #loginContent{
        display:block!important;
        width:98%!important;
        position:relative;;
        margin:5% 1% 0;
        top:0;
        left:0;
        z-index: 10;
        padding-bottom:4%!important;
        margin-bottom:5%;
    }
    #logo a,#logo a>img{width:100%;}

    #logo a{
        height:auto;
        background-image:none;
    }

    #logo a img{display:block;}

    #logoText{
        width:100%;
        font-size: 2em;
    }

    #eyeBrows{
        position:absolute;
        height:12px;
        width:14%;
        top:34%;
        left:28%;
    }

    #face{
        left:27%;
        top:37%;
    }
    #eye1,#eye2{
        height:40%!important;
        width:14%!important;
        text-decoration:none;
        border:none;
    }
    #eye1{
        left:16%
    }
    #eye2{
        left:45%;
    }
    #eye1:before,#eye1:after,#eye2:before,#eye2:after{
        content:"";
        text-decoration:none;
        display:none;
        border:none;
    }


    #introText{
        height:auto!important;

        margin-top:2%;
        padding-top:5%;
        padding-bottom:0!important;
    }

    #introText p{
        margin-bottom:2%;
    }

    .light{
        width:100%;
        margin: 0 auto 20px;
        box-sizing: border-box;
        padding:30px;
        color:#fff;
        font-size:110%;
        font-weight: 400;
    }

    #form{height:auto;}

    #form input{
        margin:0;

    }
    #form input[type='password']{margin-bottom: 0px!important;}

    .button{
        width:100%!important;
        float:left;
        margin-right:0%!important;
        margin-left:0%!important;
    }

    #last.button{margin-right:0%!important;}

    .input-prepend{
        text-align: center;
        width:100%;
        margin-top:10px;
        margin-bottom:5px;
        float:left;
        margin-left:0px;
    }
    .input-prepend input{
        width:auto;
        border-top-left-radius: 0px;
        float:left;
        border-bottom-left-radius: 0px;
    }
    #loginContent #last-input-prepend{
        width:100%;
        margin-left:0px;

    }


    .input-prepend .add-on{
        z-index:5;
        width:8%!important;
        margin-left: 0px!important;
    }

    #loginContent .light.button:last-child{
        margin-bottom:10px;
    }

    #last.light.button{
        margin-bottom:10px;
    }
    #form input:-moz-placeholder{

        z-index:0;

    }
    #form input::-webkit-input-placeholder {
        margin-left:-15px!important;

    }
    .trash, #shark{
        display:none;
    }

    #remember{
        width:40%;
        margin:0 auto;

    }

    #spacer{
        display: block;
        float: left;
        height: 20px;
        width: 100%;
    }

}

@media(max-width: 570px)  and (orientation: landscape){
    body{
        font-size:18px!important;
    }
    #logoText{
        width:100%;
        font-size: 2em;
    }

    .button{
        width:48%!important;
        float:left;
    }
    #last.light.button{
        float:right!important;
    }
    #eyeBrows{
        position:absolute;
        height:12px;
        width:12%;
        top:41%!important;
        left:29%;
    }
    #face{
        left:29%!important;
        top:42%!important;
        width:12%!important;
    }
    #eye1,#eye2{
        height:65%!important;
        width:24%!important;
        text-decoration:none;
        border:none;
    }
    #eye1{
        left:13%!important;
    }
    #eye2{
        left:67%!important;
    }
    #eye1:before,#eye1:after,#eye2:before,#eye2:after{
        content:"";
        text-decoration:none;
        display:none;
        border:none;
    }
    .light{
        float:left!important;
    }
    .input-prepend {
        display:block!important;
        float:left!important;
        width:48%!important;
        margin-bottom:-7px;
    }
    
    .input-prepend .add-on{
        clear:none;
        width:20px!important;
        z-index:5;
        float:left!important;
        margin-left: 0px!important;
    }
    
    .input-prepend input{
        z-index:5;
        width:85%!important;
        float:left!important;
        margin-left: 0px!important;
    }
    
    #last-input-prepend{
      
        margin-left:17px!important;

    }
    #remember{
        width:30%;
        margin:0 auto;
        display:block;
        float:left;
        text-align: center;
        width:100%;
        margin-top:20px!important;
    }


}