header{
    position: fixed;
    top: 0;
    width: 90vw;
    height: 16.5vh;
    z-index: 6000;
}

header img{
    display: inline;
    box-shadow: none;
    width: 14vh;
    vertical-align: bottom;
}

h1{
    font-family: 'Satisfy', cursive;
    font-size: 10vmin;
    color:rgb(255, 255, 30);
    text-shadow: 0.3vw 0.3vw rgb(0, 0, 175);
    display:inline-block; 
    position: absolute;
    bottom:0%; 
    left:5%;
    margin:0;
}

#headerUnderline {
    position: absolute;
    width:90%;
    height: 0.5vh;
    background-color:rgb(0, 0, 175);
    bottom: 16.5%;
    left: 10%;
}

h2{
    font-family: 'Satisfy', cursive;
    font-size: 3vmin;
    color:rgb(255, 255, 30);
    text-shadow: 0.1vw 0.1vw rgb(0, 0, 175);
    display:inline;
    position: absolute;
    bottom:-20%;
    left: 17%; 
}

nav {
    display:inline-block; 
    position:absolute; 
    right:0;
    bottom:15.5%;
}

nav ul {
    display: inline-block;
    visibility: hidden;
}

nav ul ul{
    visibility: visible;
}

nav li, footer ul, footer li {
    display:inline;
}

nav li{
    padding:0 0.75vw;
    background-color:rgb(255, 255, 30);
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    border: 1px solid rgb(0, 0, 175);
    font-weight: bold;
    color: rgb(0, 0, 175);
}

nav select {
    display: none;
}

body.index header li.index,
body.bio header li.bio,
body.artLog header li.artLog,
body.faq header li.faq,
body.order header li.order,
body.connect header li.connect {
    background-color: rgb(235, 255, 255);
}

.loginNoLink{
    display: inline;
}

.loginLink{
    display:none;
}

.loginLink a{
    text-decoration: none;
}

body.artLog .loginNoLink{
    display:none;
}

body.artLog .loginLink{
    display:inline;
}

@media screen and (max-width:1190px) {

    header img{
        width:10vw;
    }

    h1{
        font-family: 'Satisfy', cursive;
        font-size: 8vmin;
    }

    h2{
        font-family: 'Satisfy', cursive;
        font-size: 4vmin;
        position: absolute;
        bottom:-45%;
        left: 17%; 
    }

    #headerUnderline {
        bottom: 5%;
    }

    nav{
        bottom:25%;
    }

    nav ul{
        display: block;
        visibility: visible;
        margin:0;
        padding:0;
        list-style-type:none;
        text-align:center;
    }

    .menu{
        background-color: rgb(235, 255, 255);
    }

    nav li { 
        display: block; 
    }

    nav ul{
        width: 150px;
        background-color: rgb(235, 255, 255); 
    }

    nav ul li {
        display:inline;
        border: none;
        background-color: transparent;
    }

    nav ul li a
    {
        text-decoration:none;
        padding:.2em 1em;
        color:rgb(0, 0, 175);
        /*background-color:rgb(235, 255, 255);*/
    }

    nav ul ul {
        visibility: hidden;
        position:absolute;
        top:110%;
        left: 0;
        z-index: 598;
        text-align:left;
    }

    nav ul ul li {
        float: none;
    }

    nav ul li:hover {
        position: relative;
        z-index: 599;
        cursor: default;
    }

    nav ul li a:hover
    {
        background-color:rgb(0, 0, 175);
        color:rgb(235, 255, 255);
    }

    nav ul li:hover > ul {
        visibility: visible;
    }

    body.index a.index,
    body.bio a.bio,
    body.artLog a.artLog,
    body.faq a.faq,
    body.order a.order,
    body.connect a.connect {
        color: rgb(255, 255, 30);
        text-shadow: 0.3vw 0.3vw rgb(0, 0, 175);
    }
}