@font-face {
    font-family: 'customfont';
    src: url('fonts/Anton-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}


html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.program {border-bottom-style: outset !important; 
            border-color: red !important; 

}

.ozadje {
    background: url('../img/program.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 160vh;
  }

li {
    display: flex;
    flex-direction: row;
}

.velikaslika {
    opacity: 70% !important;
}
  
.slikaprogram {
    opacity: 30% !important;
}

.list-group-item {
    background-color: black !important;
    color: #FFF6E7 !important;
    border-color: #FFF6E7 !important;
}



body {
background-color: black !important; 
font-family: 'customfont' !important; 
color:#fffffe !important;
}

.nav-link {
    color:#FFF6E7 !important;
    font-family: 'customfont' !important; 
}

.hvala {
    color:#FFF6E7 !important;
    font-family: 'customfont' !important; 
}

.nav-link:hover {
   opacity: 50% !important;
}


.icons_nav {
    color: blanchedalmond;
    padding-right: 0.5%!important;
        
}

.icons_nav:hover {
    color: blanchedalmond !important;
    opacity: 50% !important;
        
}

.fbicon {
    padding-right: 3%!important;
}

h2 {
    color: #fffaf3 !important;
    font-family: 'customfont' !important;
    font-weight: bold !important;
}

h3,h4,h5,h6 {
    color:#FFF6E7 !important;
    font-family: 'customfont' !important; 
}

.mainbutton {
    color: #fffcf7 !important;
    border-bottom: white 1px solid !important;
  
    
}

.buttonmain {
    background-color: blanchedalmond  !important;
    border-color: 
    white !important;
    color: #191817 !important;
    border-radius: 10px !important;
    
}

.buttonmain:hover {
    background-color: #FFF6E7   !important;
   
}


footer {
    background-color: #3A3935 !important;
}

.footext {
    padding-top: 0.8%;
}

.footernav a {
    text-decoration: none !important;
   color: #FFF6E7 !important;
}

.footernav a:hover {
    opacity: 50% !important;
}


.desnaikonafot {

    margin-left: 1% !important;
}

.copyright {
    font-size: 14px !important;
    background-color: black !important;
    padding-top: 0.8% !important;
}

.icons_social {
    
        display: inline-block !important;
        margin: 0 10px !important;
      
      
      
}

.icons_nav2:hover {
    opacity: 50% !important;
 }

.icons_nav2 {
    color: blanchedalmond !important;
    
    margin-left:auto;
    margin-right:auto;
    
}

.modal-title {
    color: black !important;
}

.modal-body {
    color: black !important;
}

.buttonmodal {
    color: #fffaf3 !important;
    background-color: black !important;
}

.buttonmodalnazaj {
    color: #fffaf3!important;
    background-color: #3A3935 !important;
}

.buttonmodalnazaj:hover, .buttonmodal:hover {
    opacity: 50% !important;
}

.close:hover {
    opacity: 50% !important;
}


#vprasanja {
    color: black !important;
}