@media (orientation: portrait) {
    #header{
        position: fixed;
        width:25%;
    }
    #nav{
        position: fixed;
        right:1%;
        left:1%;
        top:auto;
        bottom: 1%;
        flex-basis: auto;
        z-index: 7;
        /*background-color: var(--color1);*/
    }
    #sidebar{
        padding:8vw 0;
        bottom:0;
        overflow-y: scroll;
    }
    #content{
        top: 2%;
        padding-bottom: 12vw;
    }
    #Index #header{
        position: absolute;
        right:1%;
        top:1%;
        width: 25%;
        left: auto;
    }
    #Index #content{
        padding: 1% 1% 12vw 1%;
        letter-spacing: 0.7em;
    }
    #Index #sidebar{
        top:10vw;
        bottom:12vw;
    }
    #nav div{
    }
    #nav div h2{
        font-size: 2vw;
    }
    .desktopNav div img{
        display: none;
    }
    #content, #sidebar{
        top:38vw;
    }
    .splashContent{
        display: initial;
        width:100%;
    }
    .w4{
        width: 48%;
        font-size: 29%;
    }
    .w4 div h2 {
        font-size: 2vw;
    }
    .h4{
        height: 15vw;
    }
}