/*
Berbasoft logo.
Every page except the homepage carries one line, immediately after :
The anchor is empty on purpose -- the logo is painted here as a background,
so the only markup a page needs is that single line. Paths are root-absolute,
so the line is identical on every page regardless of how deep it sits.
*/
#berbasoft-logo {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
display: block;
margin: 10px;
width: 120px;
aspect-ratio: 1026 / 278.65;
background: url("/logo.svg") no-repeat center / contain;
}
/* Too thin for a corner: sit above everything, centered, and reserve the space. */
@media (max-width: 600px) {
#berbasoft-logo {
right: 0;
width: 160px;
margin: 12px auto;
}
body {
padding-top: 68px !important;
box-sizing: border-box;
}
}