/*
.image-sizer{
    max-width: 95px;
    max-height: 95px;
    margin: 0 auto;
}
*/

.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}


.image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;

    -ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%) translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateX(-50%) translateY(-50%);
}

/** SP-SB = SPIELERPLUS SCOREBOARD **/
.sp-sb{
    /* background-color: #DDDDDD; */
}

.sp-sb > .sp-sb-logo-row{
    display: flex;
}

.sp-sb > .sp-sb-teamname-row{
    margin-top: 4px;

}

.sp-sb > div > .sp-sb-col-left{
    text-align: center;
    padding: 0 0 0 0;
    word-wrap: break-word;
}

.sp-sb > div > .sp-sb-col-middle{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    text-align: center;
    word-wrap: break-word;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: 18px;
}

.sp-sb > div > .sp-sb-col-right{
    text-align: center;
    padding: 0 0 0 0;
    word-wrap: break-word;
}

/* SMARTPHONES */
@media(max-width:767px){
    /* smartphones are the default css design */
}

/* TABLETS AND ABOVE */
@media(min-width:768px){

    .sp-sb > div > .sp-sb-col-middle{
        font-size: 32px;
    }

    .sp-sb > .sp-sb-teamname-row{
    }

}

/* MEDIUM DEVICES AND ABOVE */
@media(min-width:992px){

}

/* LARGE DEVICES AND ABOVE */
@media(min-width:1200px){

}