.zacetna-slika-prijavi-button{
    padding: 10px 25px;
    margin-right: 90px;
    z-index: 2; 
    position: relative; 
    border: none;
    color: rgb(128, 0, 32);
    font-size: 18px;
    border-radius: 25px;
    transition-duration: 0.7s;
    width: 140px;
}

.zacetna-slika-prijavi-button:hover{

    transition: 0.6s;
    background-color: rgb(128, 0, 32);
    color: white;
    
}

.zacetna-slika-info-button {
    margin-left: 90px;
    padding: 10px 25px;
    z-index: 2; 
    position: relative; 
    border: none;
    background-color: rgb(128, 0, 32);
    color: white;
    font-size: 18px;
    border-radius: 25px;
    transition-duration: 0.7s;
    width: 200px;

}

.zacetna-slika-info-button:hover{

    opacity: 0.7;
    
}

.bg-image {
    position: relative; /* Required for absolute positioning of the overlay */
    height: 700px;
    max-width: 100%;
    background-image: url('/images/prva3.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
  }
  
  .bg-image::after {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4); 
    z-index: 1; 
  }

  .bg-image2 {
    position: relative; /* Required for absolute positioning of the overlay */
    height: 700px;
    max-width: 100%;
    background-image: url('/images/ozadje5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
  }
  
  .bg-image2::after {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2); 
    z-index: 1; 
  }

  
  .start-text {
    color: white;
    font-weight: 600;
    z-index: 2;
    position: relative;
    font-size: 70px; 
    padding-top: 30px;
}

.prva-datum {
    color: white;
    font-weight: 600;
    z-index: 2;
    position: relative;
    font-size: 40px; 
}

@media (max-width: 768px) {
 
  .start-text {
    font-size: 50px;
    padding-top: 0;
  }
  .prva-datum {
    font-size: 30px;
  }

 .zacetna-slika-info-button {
    align-items: center;
    margin: auto;
    width: 250px;
 }

 .zacetna-slika-prijavi-button {
    margin: auto;
    width: 250px;
    margin-bottom: 20px;

 }

  
  
}