@media screen and (min-width:776px) {
    header{
        background: linear-gradient(to right, black,rgb(21, 5, 5), red);
    }
    .topNav{
        max-width: 1200px;
        padding-left: 50px;
        display: flex;
        justify-content: space-between;
        height: 75px;
        margin: auto;
        
        }
        .logoImg{
            height: 36px;
            position: relative;
            top: 50%;
            margin-top: -18px;
        }
        #menu{
            display: flex;
            padding-right: 0;
        }
        #menu li{
       
            line-height: 75px;
            list-style: none;
            margin: 0 15px;
        }
        #menu a{
            color: white;
            font-weight: bold;
            font-size: 15px;
        } 
        #menuBtn{
            display: none;
        }
}

@media screen and (max-width:776px) {
    header{
        background: linear-gradient(to right, black,rgb(21, 5, 5), red);
    }
    .topNav{
        max-width: 1200px;
        padding-left: 5px;
        display: flex;
        justify-content: space-between;
        height: 36px;
        margin: auto;
        
        }
        .logoImg{
            height: 36px;
            position: relative;
       
        }
        #menu{
            background: linear-gradient(to right, black,rgb(21, 5, 5), red);
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 10000;
            background-color: black;
            top: 0px;padding-top:60px;
            text-align: center;
            left: 0;
        }

        #menu li{
            line-height: 55px;
            list-style: none;
            margin: 0 15px;
        }
        #menu a{
            color: white;
            font-size: 15px;
            font-weight: bold;
            text-decoration: underline;
        } 
        #menuBtn{
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            right: 10px;
            top: 9px;
        }
}