.footer {
  background-color: #4E4E4E;
  color: #fff;
  padding: 20px 40px;
  position: relative; 
}
.navbar-nav .nav-link {
    font-size: 1.25rem; /* Poveča velikost pisave (privzeto je 1rem = 16px) */
    text-transform: uppercase; /* Za velike črke (če ni že definirano) */
    letter-spacing: 0.05rem; /* Malenkost večji razmik med črkami */
  }

.footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
}

.footer-info,
.footer-contact {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.footer-contact{
  text-align: center;
}
.footer-info h2,
.footer-contact h2 {
  margin-bottom: 10px;
  font-size: 2.5em;
  color: #fff;
}

.footer-info p,
.footer-contact p {
  margin: 5px 0;
  font-size: 0.95em;
}

.footer-contact .icon {
  display: inline-block;
  margin-right: 5px;
  font-size: 1.1em;
  color: orange;
}

.footer-gradient3 {
    width: 100%; /* Širina čez celotno okno */
    height: 16px; /* Ali poljubna višina */
  background: -webkit-gradient(linear, left top, right top, from(orange), to(red));
  background: linear-gradient(to right, orange, red);
    position: absolute; /* Če mora biti na določenem mestu */
    left: 0;
    bottom: 0; /* Če se nanaša na dno strani */
    z-index: 10; /* Da bo nad vsemi elementi */
}
.parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; /* Poravna vodoravno */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; /* Poravna navpično (če je potrebno) */
}
.footer-gradient2 {
    width: 300px;
    height: 7px;
    background: -webkit-gradient(linear, left top, right top, from(orange), to(red));
    background: linear-gradient(to right, orange, red);
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-info, .footer-contact, .footer-empty {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
}

.footer-empty {
    min-height: 100px; /* Po potrebi nastavi višino */
}
   @media (max-width: 767px) {
            .footer-container {
                display: block;
                text-align: center;
            }
            .footer-info, .footer-contact {
                margin-bottom: 20px;
            }
            .footer-info h3, .footer-contact h3 {
                font-size: 1.25rem;
            }
            .contact-item p {
                font-size: 0.9rem;
            }
            .footer-contact{
  text-align: center;
}
.footer-gradient2 {
    width: 240px;
}

        }