

#topOfMenu{
    background-color: black;
    position: fixed;
    z-index: 1;
    margin: 0 auto; 
    left:0; 
    right:0;
    float: clear;
    height: 4em;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: auto 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

#topOfMenu img{
    display: block;
    width: 2.5em;
    height: 50%;
    padding-left: 85%;
    margin-top: auto;
    margin-bottom: auto;
}

.mobileMenu{
    position: fixed;
    margin: 0 auto; 
    left:0; 
    right:0;
    float: clear;
    display: none;
    width: 100%;
    height: 15em;
    background-color: black;
    top: 4em;
    text-align: right;
    padding-right: 5%;
    z-index: 4;
}

.mobileMenuBtn{
    padding: 1em;
}

.mobileMenu a{
    text-decoration: none;
    font-weight: bold;
    color: white;
}

#menu{
    display: none;
    padding: 0;
    margin: 0;
}

@media screen and (min-width: 768px){

}

@media screen and (min-width: 1024px){
   #topOfMenu{
        display: none;
    }

    #header{
        background-color: black;
        position: fixed;
        z-index: 1;
        margin: 0 auto; 
        left:0; 
        right:0;
        float: clear;
        height: 4em;
        display: none;
    }

#menu{
    width: 100%;
    position: fixed;
    margin: 0 auto; 
    left:0; 
    right:0;
    float: clear;
    display: block;
    height: 4em;
    background-color: black;
    text-align: center;
    /* padding-left: 5%; */
}

.menuLeft{
    width: 27.5%;
    height: 100%;
    padding-left: 2.5%;
    float: left;
}

.menuMiddle{
    width: 40%;
    height: 100%;
    float: left;
}

.menuRight{
    width: 30%;
    height: 100%;
    float: left;
}

.menuBtn{
    text-align: center;
    width: 33.3%;
    height: 100%;
    float: left;
}

.menuLeft Img{
    height: 80%;
    width: auto;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menuBtn a{
    text-decoration: none;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    /* font-weight: bold; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 95%;  
}

.menuBtn a:hover, .menuBtnRight a:hover{
    color: red; 
}

.marked{
    border-bottom: 5px solid red;
}
}