#navbar {
    width: 15%;
    height: 100%;

    position: fixed;
    right: 0;
    top: 0;

    display: block;
    font-size: 0.9em;
    padding: 3%;
    padding-top: 18%;
    padding-right: 2%;
    z-index: 200;
}

#iteminfo, #itemtitle {
    width: 80%;
    margin: 10px auto;
}

#itemtitle {
    text-align: center;
}

#viewContainer {
    margin-top: 12vw;
    margin-right: 17%;
    text-align: center;
    height: 74vh;
    width: 80%;
    overflow: scroll;
}

#viewItem {
    height: 70vh;
    width: auto;

    margin: 0;
}

#viewItem:hover {
    cursor: zoom-in;
}

#viewSubContainer {
    display: inline-block;
    
}

#prevButton, #catButton, #nextButton {
    display: inline-block;
    margin: 0;
    width: 29%;
}

@media screen and (max-width: 700px) {
    #navbar {
	position: relative;

	display: block;
	margin: auto;
	margin-top: 1em;
	padding: 5%;
	padding-top: 2%;
	width: 80%;
    }

    #viewContainer {
	margin-top 8vw;
	text-align: center;
	width: 100%;
    }

    #prevButton, #catButton, #nextButton {
	width: 10%;
    }

    #viewButtonContainer {
	text-align: center;
    }

    #iteminfo {
	width: 20%;
    }
}

.item3dView {
    width: 33%;
}