body {
    color:#000;
    font-family:Calibri;
}
.horizontal-gradient-line {
    height:9px;
    background: #e21a1e;
}

header {
    border-bottom:1px solid #d9d9d9;
}

header .logo {
    padding:50px 0;
}

.bungee-header {
    font-family: 'Bungee', cursive;
    font-size:14px;
    display:block;
    padding:40px 0;
}
.bungee-footer {
    font-family: 'Bungee', cursive;
    color:#fff;
    font-size:14px;

}

footer {
    padding:50px 0;
    background:#1C1B1B;
    color:#fff;
}
footer a {
    color:#fff;
    text-decoration:none;
}
footer a:hover {
    color:#e21a1e;
}
header .navbar {
    padding:0;
}
header .navbar img {
    margin:30px 0;
    max-width:80vw;
}
header .navbar-brand {
    clear:both;
    text-align:center;
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: wrap;
    }
}
header .navbar .nav-item .nav-link {
    border-radius:0;
    border-lefT:0;
    border-right:0;
    border-bottom:0;
    padding:6px 16px;
    border-top:2px solid transparent;
    transition:none;
}
header .navbar .nav-item.show .nav-link, header .navbar .nav-link.active, header .navbar .nav-item .nav-link:hover {
    background:#F6F6F6;
    color:#000;
    border-top:2px solid #e21a1e;
}
.navbar .nav-link:focus, .navbar .nav-link:hover {
    border-top:2px solid #e21a1e;
}


@media (min-width: 576px) {
    header .navbar img {
        max-width:400px;
    }  
    .bungee-header, .bungee-footer {
        font-size:16px;
    }
}
@media (min-width: 768px) {
    header .navbar img {
        max-width:500px;
    }  
    .bungee-header, .bungee-footer {
        font-size:20px;
    }
}
@media (min-width: 992px) {
    header .navbar img {
        margin:40px 0;
        max-width:650px;
    }
    .bungee-header, .bungee-footer {
        font-size:4vh;
    }
    header .navbar .nav-item .nav-link {
        padding:16px 26px;
    }    
}
@media (min-width: 1200px) {
    header .navbar img {
        margin:50px 0;
    }
    header .navbar .nav-item .nav-link {
        padding:36px 36px;
    }  
    .bungee-header {
        font-size:5vh;
    }  
}
main {
    background:url(/images/main-bg.png) 0 0 repeat-x;
}
/*
header .nav {
    border-bottom:1px solid #D9D9D9;
}
header .nav a {
    color:#000;
}
header .nav-tabs .nav-item .nav-link {
    border-radius:0;
    border-lefT:0;
    border-right:0;
    border-bottom:0;
    padding:36px 36px;
    border-top:2px solid transparent;
    transition:0;
}
header .nav-tabs .nav-item.show .nav-link, header .nav-tabs .nav-link.active, header .nav-tabs .nav-item .nav-link:hover {
    background:#F6F6F6;
    color:#000;
    border-top:2px solid #e21a1e;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-top:2px solid #e21a1e;
}
*/
.greybox {
    background:#F6F6F6;
}

h1 {
    border-left:5px solid #e21a1e;
    padding-left:20px;
}
.content {
    padding-top:50px;
    padding-bottom:50px;
}

.uvod {
    padding-top:15px;
    padding-bottom:15px;
    background-image:url(/images/uvod-bw.jpg);
    background-position: right 0 top;
    background-repeat:no-repeat;
    background-size:contain;
}
.uvod h2 {
    color:#000;
    margin-bottom:20px;
    font-size:20px;
}
.uvod p {
    color:#707070;
    margin-bottom:6px;
}


@media (min-width: 768px) {
    .uvod {
        height:380px;
    }
    .uvod h2 {
        margin-bottom:20px;
        font-size:22px;
    }
    .uvod p {
        margin-bottom:16px;
    }
}
@media (min-width: 992px) {
    .uvod {
        height:530px;
    }
    .uvod h2 {
        margin-bottom:30px;
        font-size:24px;
    }
    .uvod p {
        margin-bottom:26px;
    }
}
@media (min-width: 1200px) {
    .uvod {
        height:630px;
        background-position: right 15px top;
    }
    .uvod h2 {
        margin-bottom:60px;
        font-size:26px;
    }
    .uvod p {
        margin-bottom:36px;
    }
}

.btn-success {
    background: #e21a1e;
    border-radius:0;
    border:0;
    color:#fff;
    padding:10px 30px;
}

.masonry {
    padding:90px 0;
}


.partneri {
    background:#F6F6F6;
    padding:50px 0 100px;
}
.partneri h3 {
    position: relative;
    color:#2B2B2B;
    display:inline-block;
    padding-left:2em;
    padding-right:2em;
    margin-bottom:20px;
}
.partneri h3:before {
    content: "";
    position: absolute;
    left:-50px;
    top: 50%;
    display: inline-block;
    width: 5rem;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #bbb;
}
  
.partneri h3:after {
    content: "";
    position: absolute;
    top: 50%;
    right:-50px;
    display: inline-block;
    width: 5rem;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #bbb;
}