@media (orientation: portrait) {
    #sidebar{
        padding:12vw 0;
        bottom:0;
        overflow-y: scroll;
    }
    #content{
        top: 2%;
        padding-bottom: 12vw;
    }
    #header{
        position: fixed;
        width:25%;
    }
    #nav{
        position: fixed;
        right:0;
        left:0;
        top:auto;
        bottom: 1%;
        flex-basis: auto;
        width: 100%;
        z-index: 7;
        /*background-color: var(--color1);*/
    }
    #Index #header{
        position: absolute;
        width: 98%;
        left:1%;
        top:1%;
    }
    #Index #sidebar{
        top:28vw;
        bottom:5vw;
    }
    #Index #content{
        top:28vw;
        padding-top:12vw;
    }
    #nav div{
	    box-shadow: 0 0 8px 2px var(--color1);
    }
    #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;
    }
}