.navbar-brand{
    width: 95px;
    height: 100px;
    
    }
    .header {
        background-image: url('slike/foto7.JPG'); /* Putanja do slike */
        background-size: cover; /* Slika će pokrivati cijeli header */
        background-position: center; /* Centriraj sliku */
        height: 100vh; /* Visina headera - cijela visina ekrana */
        display:flex; /* Omogući fleksibilan layout */
        align-items: center; /* Centriraj sadržaj vertikalno */
        justify-content: center; /* Centriraj sadržaj horizontalno */
        text-align: center; /* Centriraj tekst */
        
        color: white; /* Boja teksta */
        position: relative; /* Omogući relativni položaj za overlay sloj */
        
    }
    
    .header::after {
        content: ""; /* Dodaj prazan sadržaj za pseudo-element */
        background-color: rgba(0, 0, 0, 0.7); /* Boja overlay sloja (crna sa 50% prozirnosti) */
        position: absolute; /* Postavi apsolutni položaj */
        top: 0; /* Postavi na vrh */
        left: 0; /* Postavi na lijevu stranu */
        width: 100%; /* Širina overlay sloja */
        height: 100%; /* Visina overlay sloja */
        z-index: 1; /* Postavi z-index tako da je iznad slike */
    }
    .header .container {
        position: relative; /* Omogući relativni položaj za sadržaj */
        z-index: 2; /* Postavi z-index tako da je iznad overlay sloja */
    }
    
    .naslov{
    
        align-items: center;
        padding-bottom: 100px;
    
    }
    .h1{
    
        font-size: 500%;
    }
    
    
    
     .text-center { /* CSS to center align the section content */
            text-align: center;
        }
    
        /* Dodajte ovo u vaš CSS file */

/* Stilizacija forme */
form.needs-validation {
    margin: auto; /* Postavljanje forme u sredinu */

    background-color: black; /* Postavite pozadinu forme na crnu boju */
    
    color: white; /* Boja teksta unutar forme */
  }
  
  /* Stilizacija naslova forme */
  form.needs-validation h1 {
    text-align: center; /* Centriranje naslova */
  }
  
  /* Stilizacija input polja */
  form.needs-validation input[type="text"] {
    background-color: #ffffff; /* Boja pozadine input polja */
    color: rgb(113, 109, 109); /* Boja teksta u input polju */
   
  }
  
  /* Stilizacija gumba */
  form.needs-validation button[type="submit"] {
    margin-top: 10px; /* Dodajte malo prostora iznad gumba */
    width: 35%; /* Puno širenje gumba unutar roditeljskog kontejnera */
    height: 100px;
    margin-bottom: 70px;
    background-color: #4a1533;
    font-size: 1.6em;

  }



  
  
  /* Promjena boje gumba na hover */
  form.needs-validation button[type="submit"]:hover {
    background-color: #714a60; /* Promjena boje na hover */
    color: #ffffff; /* Promjena boje teksta na hover */
  }
  /* Centriranje polja za upis i povećanje teksta iznad njih */
form.needs-validation .form-row {
    justify-content: center; /* Centriranje elemenata */
    text-align: center; /* Centriranje teksta */
  }
  
  /* Povećanje teksta iznad polja za upis */
  form.needs-validation label {
    font-size: 1.2em; /* Povećajte veličinu teksta iznad polja */
  }
/* Centriranje polja za upis */
form.needs-validation .col-md-4 {
    margin: auto; /* Postavite margin na auto kako biste centrirali polja */
    text-align: left; /* Postavite tekst na lijevu stranu */
  }
    
  .btn-container {
    text-align: center;
  }