/* === DESKTOP STYLES === */
header#about {
  position: relative;
  height: 100vh;
  background: 
    url("../img/грузовик%20с%20лог2.png") center center / cover no-repeat,
    #14532d;
  font-family: Ubuntu, sans-serif;
  overflow: hidden;
}

.about-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.39);
  border-left: 3px solid white;
  padding: 20px;
  color: white;
}

/* === MOBILE STYLES === */
@media (max-width: 768px) {
  /* Smaller logo + black */
  .navbar-brand img {
    height: 50px;
    filter: invert(0) !important;
  }

  /* Header background adjusts */
  header#about {
    height: auto;
    background: 
      url("../img/грузовик%20с%20лог2.png") top center / contain no-repeat,
      #14532d;
    padding-bottom: 0;
  }

  /* Text block below image */
  .about-content {
    position: static;
    margin-top: 40px;
    padding: 15px;
    background: rgba(0,0,0,0.3);
    font-size: 13px;
    line-height: 1.5;
    border-left: none;
  }

  /* Transparent mobile navbar at top */
  #mainNav.navbar-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
  }
}

/* Smooth navbar transitions */
#mainNav {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}