/* The SVG viewport crops the supplied logo without redrawing its lettering. */
.setra-brand { display:block; width:100%; height:auto; aspect-ratio:2070/325; background:#fff; border-radius:5px; }
.headertop-logo { gap:12px; }
.headertop-logo > .setra-brand { width:220px; flex:0 0 220px; }
.headertop-logo > h1 { border-left:1px solid rgba(20,44,60,.18); padding-left:12px; }
.mainheader .logo .flexleft { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.mainheader .logo-image { width:340px; height:auto; margin:0; float:none; }
.mainheader .logo-title { margin:0; padding:0; }
.mainheader .logo-title h1 { font-size:26px; line-height:1.2; }
.logo-menu-image { width:230px; height:auto; margin:16px auto; }
.footer-logo-image { width:260px; height:auto; margin:0 auto 16px; }
.loader-inner > .setra-brand { width:280px; max-width:80vw; margin:0 auto 18px; }
.logo-no-image { width:160px; height:auto; }
@media(max-width:767px) {
 .headertop-logo > .setra-brand { width:190px; flex-basis:190px; }
 .headertop-logo > h1 { display:none; }
 .mainheader .logo .flexleft { align-items:center; }
 .mainheader .logo-image { width:min(300px,82vw); }
 .mainheader .logo-title h1 { font-size:24px; }
}
@media(max-width:359px) {
 .headertop-logo > .setra-brand { width:155px; flex-basis:155px; }
}
