/* .topIcon {
    display: table-cell;

    width: 25%;
    height: 10vh;
    float: left;
}

.topIcon > img {
    height: 5vh;
    margin-top: -1vh;
}

.topIcon .glyphicon {
    font-size: 200%;
}

.topText {
    display: table-cell;

    width: 50%;
    height: 10vh;
    float: left;
    margin: -1.5vh;
}

.topBar {
    display: table;

    position: fixed;
    background: #fe0000;
    color: white;
   font-size: 150%;
    top: 0;
    left: 0;
    width: 100vw;
    text-align: center;
    padding: 3vh 0;
    z-index: 10;
    height: 10vh;
    overflow-x: hidden;
} */


.topBarContainer {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(5, auto);
    /* grid-template-rows: 1fr, 2fr, 1fr; */
    align-items: center;
    /* justify-items: center; */

    position: fixed;
    background: #fe0000;
    color: white;

    z-index: 10;
    height: 10vh;

    top: 0;
    left: 0;
    width: 100vw;
}

.topItem {
    height: 10vh;
}

.topItemName {
    grid-column: 2/5;
}

.topItem > .aligner > img {
    height: 5vh
}

.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 10vh;
    text-align: center;
}

#backBtn {
    font-size: 200%;
}