/* Globális háttér */
body {
  /*background: url('img/camo.png') no-repeat center center fixed;*/
  background-size: cover;
  color: #3333333;
}
/* Overlay a jobb olvashatóságért */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: -1;
}

/* Hero */
.hero {
    max-width: 1200px;  /* vagy ilyesmi */
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.card {
  border: 2px solid rgba(255,255,255,0.1);
  transition: transform 0.2s, border-color 0.2s;
}
.card:hover {
  transform: scale(1.03);
  border-color: #ffcc00;
}
.divider-bar {
  height: 10px;
  background: repeating-linear-gradient(
    45deg,
    #ffcc00,
    #ffcc00 20px,
    #1a1f1a 20px,
    #1a1f1a 40px
  );
}
.carousel-caption h1,
.carousel-caption p {
  text-shadow: 2px 2px 6px rgba(0,0,0,0.9), 
               -2px -2px 6px rgba(0,0,0,0.9);
}

header.hero {
  width: 100%;
  max-width: 100%;
  height: 60vh;        /* vagy 100vh ha fullscreen */
  min-height: 400px;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid rgba(255,255,255,0.1);
}
.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.navbar {
  min-height: 60px;         /* marad a normál menü magasság */
  padding: 0 1rem;
  position: relative;
}

.navbar-brand {
  position: relative;
  z-index: 2;               /* menü felett legyen */
}

.navbar-brand img.logo-img {
  height: 190px;   /* alapértelmezett (PC-n nagy) */
  width: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* mobil/tablet nézet: max 768px szélességnél */
@media (max-width: 768px) {
  .navbar-brand img.logo-img {
    height: 100px;  /* sokkal kisebb logó mobilon */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  }
}