/*
 * Pätička — logo EGNE na spodku (.orange-logo), zobrazuje sa len do 991 px.
 * Pôvodné pravidlo v screen.min.css (oranžová farba, odsadenie) tu
 * prebíjame, screen.min.css sa needituje ručne.
 */

.orange-logo {
  overflow: hidden;
  padding-bottom: 0;
  background-color: #1d1413; /* kým sa textúra nenačíta */
  background-image: url("../img/background_brown-texture-1200.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Logo sedí na spodnej hrane a spodná štvrtina je odrezaná — vidno 3/4.
   translateY v percentách sa počíta z výšky samotného loga, takže to
   platí pri každej šírke, aj keď sa logo cez max-width zmenší. */
.orange-logo svg {
  display: block;
  height: auto;
  margin-inline: auto;
  transform: translateY(25%);
}