.infobar{
    display: flex;
    justify-content: space-around;
    margin: 0 0 10px 0;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #2b2b2b;
    margin-bottom: 5px;
}

.infobar-main{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: goldenrod;
    color: #2b2b2b;
}

.tile{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    text-align:center;
    color: goldenrod;
    background-color: #2b2b2b;
    height: 75px;
    width: 120px;
}

a.tile{
    color: goldenrod;
    text-decoration: none;
}

a.tile:hover{
    font-weight: 700;
    background-color: goldenrod;
    color: #2b2b2b
}

.tile>img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    overflow:hidden;
}

.tile > span.number{
    font-weight: 700;
    font-size: 2em;
}

.tile > span.subtitle{
    font-size: .75em;
}