.wordmark-image{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:112px;
  line-height:0;
  flex:0 0 auto;
}
.wordmark-logo{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.site-header .wordmark-image{width:106px}
.dialog-top .wordmark-image,.menu-top .wordmark-image{width:128px}
.page-loader .wordmark-image,.page-transition .wordmark-image{width:min(310px,68vw)}
.site-footer .wordmark-image{width:170px}
.admin-body .wordmark-image{width:132px}
.portal-header .wordmark-image{width:112px}
.login-scene .wordmark-image{width:150px}
@media(max-width:1020px){
  .site-header .wordmark-image{width:96px}
  .site-footer .wordmark-image{width:150px}
}
@media(max-width:700px){
  .site-header .wordmark-image{width:84px}
  .dialog-top .wordmark-image,.menu-top .wordmark-image{width:108px}
  .page-loader .wordmark-image,.page-transition .wordmark-image{width:min(250px,72vw)}
  .site-footer .wordmark-image{width:138px}
  .admin-body .wordmark-image,.portal-header .wordmark-image{width:104px}
  .login-scene .wordmark-image{width:128px}
}