/* for use in login and reset pages */
    .loginmain {
        width:1100px; 
        margin:20px auto 0px auto; 
        padding: 20px; 
        border:0px solid #ccc;
        border-radius: 25px;
        background-color:#00768c;
        box-shadow: 0px 0px 10px #aaa; 
    }

    #logingrid {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: auto auto;
        background-color: #fff;
        color: #222;
        min-height:550px;
        margin-bottom:0px;
        text-align:center;
        border-radius: 20px;
        background-color:#fff;
        padding:30px;
    }

    .loginwidget {
        width:500px;
        padding: 40px 50px;
        border-radius: 20px;
    }
    #photowidget {
        background-image: url('../images/home3.jpg'); 
        background-repeat: no-repeat; 
        background-position: center; 
        padding: 0;
    }
    .bigfld, .bigbtn {width:100%}
    .bigbtn { background-color: #00768c; height:50px; padding:10px; color:#fff; border-radius: 5px;}
    .bigbtn:hover { background-color: #005f6b; color:#fff; cursor:pointer; }

    .loginfooter {
        padding:10px 5px 0px 10px;
        text-align: center;
        color:#fff;
    }

    @media screen and (max-width: 600px) {
        .loginmain {
            width:100%;
            margin:0px auto 0px auto; 
            padding: 10px 0px 0px 0px; 
            border-radius: 0px;
            background-color:#fff;
        }
        #logingrid {
            grid-template-columns: auto;
            grid-gap: 0px;
            padding:3px;
            min-height:450px;
        }
        .loginwidget {
            width:100%;
            padding: 10px 10px 10px 20px;
        }
        #photowidget {
           display:none;
        }
        .bigfld, .bigbtn {width:100%}
        .bigbtn {height:60px; font-size: 18px;}
        .loginfooter {
            padding:10px 5px 0px 10px;
            text-align: center;
            color:#000;
        }
    }