﻿.NavBar {
    //background-image: url('../Paralax Layers/Banner.png');
    background: linear-gradient(0deg,transparent, rgba(0, 0, 0, 0.75));
    height: 14%;
    min-height: 125px;
    color: white;
    position: fixed;
    width: 100%;
    z-index: 10;

}
    .NavBar Div {
        height: 100%;
        width: 100%;
    }
    .NavBar table {
        height: 100%;
        width: 100%;
        font-family: 'Source Sans Pro', sans-serif;
        border-collapse: collapse;
//backdrop-filter: blur(3px);
    }
    .NavBar td {
        width: 13%;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 2vmin;
        text-align: center;
     
    }
    .NavBar table>tbody>:nth-child(1){
        //background-color: rgba(0, 0, 0, 0.25);
    }
    .NavBar table > tbody > :nth-child(2) > td {
        //background-color: rgba(0, 0, 0, 0.25);
        cursor: pointer;
        //
        //border: 1px solid black;
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }
        .NavBar table > tbody > :nth-child(2) > td:hover {
            background-color: rgba(90, 90, 90, 0.5);
            border-top: 1px solid white;
            border-bottom: 1px solid white;
        }

    .NavBar table > tbody > :nth-child(2) > :nth-child(6) {
        background: rgba(200,100,90,0.75);
        font-weight: bold;

    }
        .NavBar table > tbody > :nth-child(2) > :nth-child(6):hover {
            background: rgba(200,100,90,0.9);
            font-weight: bold;
        }



.NavBar .Names {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 22%;
    font-family: 'Bad Script', cursive;
    font-size: 175%;
    line-height: 115%;
    letter-spacing: 2px;
}
        .NavBar .Names span {
            vertical-align: top;
            font-size: 70%;
        }

#DivNames {
    position: fixed;
    height: unset;
    width: unset;
    left: 40%;
    right: 40%;
    top: 3%;
text-align:center;
}

@media (max-width: 1100px) {
    #DivNames {
        font-size: 2.5vw;
        top: 4%;
    }
}

@media (max-width: 750px) {
    #DivNames {
        font-size: 2vw;
        top: 5%;
    }
}


.NavBarFooter {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
    height: 2%;
    color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
}