.match-banner{position:relative;margin:20px auto;width:100%;max-width:294px;display:flex;flex-wrap:wrap;box-sizing:border-box;border-radius:12px}
.match-banner__content{position:relative;z-index:2;width:100%;flex-basis:100%;order:1;text-align:center;margin-bottom:20px}
.match-banner__content p{text-align:center;color:#fff !important}
.match-banner__title{margin:0;font-family:'AllProDisplayC-SemiBold',serif;font-weight:bold;font-style:normal;text-decoration:none;font-size:26px;color:#fff !important;text-transform:uppercase;line-height:31px}
.team-logo{max-width:98px}
.team-logo--left{flex-basis:50%;width:50%;order:2;text-align:right;padding-right:20px;box-sizing:border-box}
.team-logo--center,.match-banner.icons-only .match-banner__title{display:none}
.match-banner.icons-only{display:block}
.match-banner.icons-only .team-logo--left,.match-banner.icons-only .team-logo--right{padding:0}
.match-banner.icons-only .team-logo--center{display:block}
.team-logo--right{flex-basis:50%;order:3;width:50%;text-align:left;padding-left:20px;box-sizing:border-box}
.match-banner.icons-only .team-logo--center,.match-banner.icons-only .team-logo--left,.match-banner.icons-only .team-logo--right,.match-banner.icons-only .match-banner__content{flex-basis:auto;width:100%;text-align:center}
.match-banner.icons-only .team-logo--center,.match-banner.icons-only .team-logo--left,.match-banner.icons-only .team-logo--right{padding-bottom:2px}
.match-banner.icons-only .team-logo{max-width:155px;max-height:155px}
.match-banner.icons-only .match-banner__content{margin-bottom:0}
@media(min-width:1200px){.match-banner{justify-content:center;align-items:flex-start;margin:40px auto 20px;max-width:1200px}
.match-banner.icons-center{align-items:center}
.match-banner.icons-end{align-items:flex-end}
.match-banner__title{font-size:60px;line-height:60px}
.match-banner__content{order:2;max-width:835px;flex-basis:60%}
.team-logo{max-width:130px}
.team-logo--right{order:3;flex-basis:10%}
.team-logo--left{order:1;flex-basis:10%}
.match-banner.icons-only{display:flex;justify-content:space-evenly}
.match-banner.icons-only .match-banner__content,.match-banner.icons-only .team-logo--left,.match-banner.icons-only .team-logo--right{flex-basis:auto;flex:1;max-width:222px}
.match-banner.icons-only .team-logo{max-width:222px}
}