.img-link img { float:left; padding-top: 1%; padding-left: 1%; width: 100%; height: 6%; } 
        p { color: azure; } 
        h1 { color:azure; } 
        a:hover {cursor: cell;}
        .topnav { background-color: black;  min-height: 75px; } 
        .topnav h1 { float:left; } 
        .topnav a { float: left; color: #f2f2f2; text-align: center; padding: 16px; padding-top: 20; text-decoration: none; font-size: 20px; border-color: green; } 
        .topnav a:hover { background-color: #ddd; color: black; } 
        .topnav button.signup { float:right; } 
        .topnav a.signup:hover { background-color:aquamarine; color: azure; } 
        .topnav button { background-color: black; color: azure; padding:16px; font-size:17px; } 
        .Account { position: relative; display: inline-block; } 
        .Accountdrop { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } 
        .Accountdrop a { color: black; padding: 6px 16px; display: block; text-decoration: none; } 
        .Accountdrop a:hover {background-color: gray} 
        .Account:hover .Accountdrop {display: block;} 
        button:hover { background-color: white; color: black; } 
        .img-link {width: 15%;} .img-link a { float: left; padding-top: 13; } 
        .img-link a:hover { background-color: transparent; color:none; } 
        #login { float: right; width: 40%; height: 1%;} #logout { float: right; } 
        #Message { float:right; } #loggedmsg { float: right; } 
        #loginorsignup { float: right; width: 40%; height: 1%;} 
        #loggedmsg{width: 10%;}
        #loggedoutmsg { float: right; } 
        #signupbtn { float:right; }
        #mailuid {
            width: 50%;
            float:right;
        }
        
        #pwd {
            width: 50%;
            float: right;
        }
        
        #login-submit {
            float: right;
        }

        #hamburgerMenu {
            display: none;
        }

@media only screen and (max-width: 1120px) {
    .topnav {min-height: 75px;}
    .topButton {display:none; padding-top: 13;}
    .img-link {margin-left: 45%; margin-right: 55%;}
    .img-link img {min-width: 100px; min-height: 50px; padding-right: 15px;}
    .img-link a {}
    .topnav a { color: #f2f2f2; text-align: center;  padding-top: 20; text-decoration: none; font-size: 20px; border-color: green; } 
    .Account {display: none;}
    
    #signupbtn {display:none;}
    #loginorsignup {display:none;}
    #loggedmsg{display:none;}
    #loggedoutmsg { display: none; }
    #logout {display:none;}
    #Message {display:none;}
    #hamburgerMenu {
            display: block;
            background-color: gray;
            min-height: 20px;
        max-height: 50px;
        }
    #hamburgerMenu img{
        margin-left: 48%;
        margin-right: 52%;
        margin-top: -10px;
        max-width: 50px;
        max-height: 50px;
        float: top;
    }
    .hamburgerdrop { margin-left: 42%; margin-right: 58%; display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } 
       .hamburgerdrop a { color: black; padding: 6px 16px; display: block; text-decoration: none; } 
        .hamburgerdrop a:hover {background-color: gray} 
    .hamburgerdrop button { color: black; padding: 6px 16px; display: block; text-decoration: none; } 
     #Accountdrop {display: block;}
        #Accountbtn:hover .Accountdrop {display: block;}
    #hamburgerMenu:hover .hamburgerdrop{display:block;}
}

@media only screen and (max-width: 800px) {
    .topnav { min-height: 75px;}
    .topButton {display:none; padding-top: 13;}
    .img-link {margin-left: auto; margin-right: auto;}
    .img-link img {min-width: 100px; min-height: 50px; padding-right: 15px;}
    .img-link a {}
    .topnav a { color: #f2f2f2; text-align: center; padding: 16px; padding-top: 20; text-decoration: none; font-size: 20px; border-color: green; } 
    
    #signupbtn {display:none;}
    #loginorsignup {display:none;}
    #loggedmsg{display:none;}
    #loggedoutmsg { display: none; } 
}