.viewControlButton {
	margin-bottom:2rem;
}

.viewControlButton {
    background-color: rgba(255, 87, 34, 0.88);
}

#autorotateToggle {
    background-color: #ff5722eb;
}

#fullscreenToggle {
    background-color: #ff5722eb;
}

#titleBar {
	background-color: #333232;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#titleBar img {
	width:180px;
	height:auto;
}

.content-info {
	margin-left:5rem;
}

#autorotateToggle {
    height: 60px;
}

#autorotateToggle .icon {
    top: 15px;
}

#fullscreenToggle {
    height: 60px;
}

#fullscreenToggle .icon {
    top: 15px;
}

#sceneListToggle {
    height: 60px;
    background-color: #ff5722e0;
}

#sceneList .scenes {
    background-color: #ff5722d6;
}

#sceneList .scene.current {
    background-color: rgba(152, 59, 29, 0.76);
}

.no-touch #sceneList .scene:hover {
    background-color: rgb(207, 74, 32);
}

#sceneListToggle .icon {
    top: 15px;
}

#sceneList {
    padding-top: 60px;
}

.content-info-mob {
    display:none;
}


@media only screen and (max-width: 600px) {
    #titleBar {
        display:block;
    }
    .content-info {
        display:none !important;
        margin-left:0rem;
        display:inline-block;
    }
    .content-info-mob {
        display:flex !important;
        margin-left:0rem;
        display:inline-block;
        justify-content:center;
        position:absolute;
        bottom:0px;
        background-color: #ee5322;
        width: 100%;
        padding: 10px;
    }

}