/* CSS variables */
:root{
    --primary: #ffffff;
    --dark:#333;
    --light:#ddd;
    --shadow:0 1px 5px rgba(104,104,104,0.8);
    --bluish:#264896;
    --logo:#E7685D;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
html{
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    color:var(--primary);
}
body{
    background: var(--primary);
    margin: 30px 50px;
    line-height: 1.4;
}
img {
    max-width: 100%;
}

.wrapper{
    display: grid;
    grid-gap: 20px;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
}
.top-nav {
    display: block;
    
    grid-gap:10px;
    padding-top: 5px;
    background: var(--bluish);
    text-align: center;
    
}
.flag{
    display: inline-block;
    
}
.vesti{
    display:block;
    padding: 20px;
    border-color: var(--logo);
    border-style: solid;  
    border-top-width: 5px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    
    
}
.hid{
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: center;
    color: var(--dark);
    width:100%;
    padding:10px;
}
.slika{
    
    display: inline-block;
    width:25%;
    margin: auto;
    padding-top: 5px;
}
.hid1{
    display: block;
    text-transform: uppercase;
    font-size: 2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: center;
    color: var(--dark);
    width:100%;
    padding:10px;
}
.slika1{
    display: block;
    width:100%;
    margin: auto;
    padding-top: 5px; 
    text-align: center;
}


.Udarno{
    display: inline-block;
    
    
    width:74%;
    
    text-align: left;
    font-size: 1.25rem;
    font-family: "Open Sans", sans-serif;
    color: var(--dark);
    vertical-align: top;
    max-height: 100%;
}

.innfo{
    font-size: 1.25rem;
    font-family: "Open Sans", sans-serif;
    text-align: left;
}
.innfo1{
    font-size: 1.5rem;
    font-family: "Open Sans", sans-serif;
    text-align: left;
}     

.datum{
    font-size: 1.25rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: right;
}
.datum1{
    font-size: 1.5rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: right;
}
.blank{
    width: 100%;
    height: 5px;
}


.top-container {
    display: grid;
    grid-gap:10px;
    align-items: center;
    grid-template-columns: 100%;
    grid-template-areas: 
        'logo-2'
        'hider'        
        ;
}
    
.hider{
    grid-area: hider;
    color: var(--bluish);
    font-family: "Open Sans", sans-serif;
    font-size: 4rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-style: solid;
    border-width:10px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-left-color: var(--primary);
    border-right-color: var(--primary);
    border-top-color: var(--logo);
    border-bottom-color: var(--logo);
    
  
}
/* navigation i baza*/

.main {
    display: grid;
    grid-gap:10px;
    grid-template-columns: [main-nav] 20% [text1] 60% [logo] 20%;
    grid-template-areas: 
        'main-nav text1 logo'      
        ;
}
.main-nav {
    display: block;
    grid-area:main-nav;
    
   
}

.main-nav a{
    background: var(--bluish);
    display: block;
    border-color: var(--primary);
    border-style: solid;
    text-decoration: none;
    padding: 1rem;
    text-align: center;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    font-size: 1.1rem;
    
}
.main-nav a:hover {
    background: var(--light);
    color: var(--dark);

}
.logo{
    grid-area: logo;
    
    padding: 1.5rem;
}

.text1{
    grid-area: text1;
    align-items: center;
    
    
    
    padding: 1.5rem;
    box-shadow: var(--shadow);
}









.middle{
    display:grid;
    grid-gap:10px;
    align-items: center;
    grid-template-areas:  '1fr tekst tekst 1fr';
    align-content: center;
}

.tekst{
    display: block;
    font-family: "Open Sans", sans-serif;
    color: var(--dark);
}
.tekst2{
    display: block;
    padding: 10px;
    font-family: "Open Sans", sans-serif;
    color: var(--dark);
    box-shadow: var(--shadow);
}
.naslov{
    text-align: center;
    font-size: 1.5625rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}
.naslov2{
    text-align: left;
    font-size: 1.5625rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}
.info{
    text-align: left;
    text-indent: 10%;
    font-size: 1.25rem;
    font-family: "Open Sans", sans-serif;
}

.lista{
    margin-left: 10%;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    text-align: left;
}
ul.no-bullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }
li.srce {
    background: url('img/Grafika/srce.png') no-repeat left top;
    height: 70px;
    padding-left: 68px;
    padding-top: 15px;
        }
li.kapljica {
    background: url('img/Grafika/kapljica.png') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 15px;
}
li.cigar {
    background: url('img/Grafika/pusenje.png') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 15px;
}   
li.jabuka {
    background: url('img/Grafika/jabuka.png') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 15px;
}
li.vaga {
    background: url('img/Grafika/vaga.png') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 15px;
} 
li.covek {
    background: url('img/Grafika/covek.png') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 15px;
}
li.mozak {
    background: url('img/Grafika/mozak.png') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 15px;
}  
li.pice {
    background: url('img/Grafika/pice.png') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 15px;
} 
li.mail {
    background: url('img/Grafika/mail.jpg') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 5px;
}    
li.fon {
    background: url('img/Grafika/fon.jpg') no-repeat left top;
    height: 60px;
    padding-left: 68px;
    padding-top: 5px;
}                  

footer{
    margin-top: 2rem;
    background: var(--bluish);
    color: var(--primary);
    text-align: center;
    padding: 1rem;
}

.thumb {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px;  /* Rounded border */
    padding: 5px; /* Some padding */
    height: 400px; /* Set a small width */
  }
  .video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Media Querries */
@media(max-width:1650px){
    .wrapper{
        display: grid;
        grid-gap: 20px;
        margin-top: 30px;
        margin-left: 30px;
        margin-right: 30px;
    }
    .hider{
        grid-area: hider;
        color: var(--bluish);
        font-family: "Open Sans", sans-serif;
        font-size: 3.5rem;
        text-align: center;
        border-style: solid;
        border-width:10px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-left-color: var(--primary);
        border-right-color: var(--primary);
        border-top-color: var(--logo);
        border-bottom-color: var(--logo);
        
      
    }
    .main-nav {
        display: block;
        grid-area:main-nav;
        
    }
    .tekst{
        display: block;
        font-family: "Open Sans", sans-serif;
        color: var(--dark);
        
     
    }
    .hid{
        display: inline-block;
        font-size: 1.25rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: center;
        color: var(--dark);
        width:100%;
    }
    .Udarno{
        display: inline-block;
        
        
        width:74%;
        
        text-align: left;
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
        color: var(--dark);
        vertical-align: top;
        max-height: 100%;
    }
    
    .innfo{
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
        text-align: left;
    }   
    
    .datum{
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: right;
    }
}
@media(max-width:1450px){
    .wrapper{
        display: grid;
        grid-gap: 20px;
        margin-top: 30px;
        margin-left: 30px;
        margin-right: 30px;
    }
    .hider{
        grid-area: hider;
        color: var(--bluish);
        font-family: "Open Sans", sans-serif;
        font-size: 3rem;
        text-align: center;
        border-style: solid;
        border-width:10px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-left-color: var(--primary);
        border-right-color: var(--primary);
        border-top-color: var(--logo);
        border-bottom-color: var(--logo);
        
      
    }
    .main-nav {
        display: block;
        grid-area:main-nav;
        
    }
    .tekst{
        display: block;
        font-family: "Open Sans", sans-serif;
        color: var(--dark);
        
     
    }
    .hid{
        display: inline-block;
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: center;
        color: var(--dark);
        width:100%;
    }
    .Udarno{
        display: inline-block;
        
        
        width:74%;
        
        text-align: left;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        color: var(--dark);
        vertical-align: top;
        max-height: 100%;
    }
    
    .innfo{
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        text-align: left;
    }   
    
    .datum{
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: right;
    }
}
@media(max-width:1250px){
    .slika{
    
        display: inline-block;
        width:100%;
        margin: auto;
        
    }
    .Udarno{
        display: inline-block;
        
        
        width:100%;
        
        text-align: left;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        color: var(--dark);
        vertical-align: top;
        max-height: 100%;
    }
    .wrapper{
        display: grid;
        grid-gap: 20px;
        margin-top: 30px;
        margin-left: 30px;
        margin-right: 30px;
    }
    .hider{
        grid-area: hider;
        color: var(--bluish);
        font-family: "Open Sans", sans-serif;
        font-size: 2.5rem;
        text-align: center;
        border-style: solid;
        border-width:10px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-left-color: var(--primary);
        border-right-color: var(--primary);
        border-top-color: var(--logo);
        border-bottom-color: var(--logo);
        
      
    }
    .main-nav {
        display: block;
        grid-area:main-nav;
        
    }
    .tekst{
        display: block;
        font-family: "Open Sans", sans-serif;
        color: var(--dark);
       
     
    }
}
@media(max-width: 1050px){
    .slika{
    
        display: inline-block;
        width:100%;
        margin: auto;
        
    }

.Udarno{
    display: inline-block;
    
    
    width:100%;
    
    text-align: left;
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif;
    color: var(--dark);
    vertical-align: top;
    max-height: 100%;
}

.innfo{
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif;
    text-align: left;
}   

.datum{
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: right;
}
    .hider{
        grid-area: hider;
        color: var(--bluish);
        font-family: "Open Sans", sans-serif;
        font-size: 2rem;
        text-align: center;
        border-style: solid;
        border-width:10px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-left-color: var(--primary);
        border-right-color: var(--primary);
        border-top-color: var(--logo);
        border-bottom-color: var(--logo); 
    }
}
@media(max-width: 1000px){
    .main {
        display: grid;
        grid-gap:10px;
        grid-template-columns: [main-nav] 25% [text1] 50% [logo] 25%;
    }
    .naslov{
        text-align: center;
        font-size: 1.15rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
    }
    .hid1{
        display: block;
        font-size: 1.5rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: center;
        color: var(--dark);
        width:100%;
        padding:10px;
    }
    .innfo1{
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
        text-align: left;
    }  
    .datum1{
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: right;
    }
    .info{
        text-align: left;
        text-indent: 10%;
        font-size: 1.15rem;
        font-family: "Open Sans", sans-serif;
    }
    .lista{
        margin-left: 10%;
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        text-align: left;
    }
    li.srce {
        background: url('img/Grafika/srce.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 1rem;
            }
    li.kapljica {
        background: url('img/Grafika/kapljica.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 25px;
        font-size: 0.875rem;
    }
    li.cigar {
        background: url('img/Grafika/pusenje.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }   
    li.jabuka {
        background: url('img/Grafika/jabuka.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }
    li.vaga {
        background: url('img/Grafika/vaga.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    } 
    li.covek {
        background: url('img/Grafika/covek.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }
    li.mozak {
        background: url('img/Grafika/mozak.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }
 
}
@media(max-width: 850px){
    .hid{
        display: inline-block;
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: center;
        color: var(--dark);
        width:100%;
    }
    .slika{
    
        display: inline-block;
        width:100%;
        margin: auto;
        
    }
    .Udarno{
        display: inline-block;
        
        
        width:100%;
        
        text-align: left;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        color: var(--dark);
        vertical-align: top;
        max-height: 100%;
    }
    
    .innfo{
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        text-align: left;
    }   
    
    .datum{
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: right;
    }
    .hider{
        grid-area: hider;
        color: var(--bluish);
        font-family: "Open Sans", sans-serif;
        font-size: 1.5rem;
        text-align: center;
        border-style: solid;
        border-width:10px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-left-color: var(--primary);
        border-right-color: var(--primary);
        border-top-color: var(--logo);
        border-bottom-color: var(--logo); 
    } 
    .naslov{
        text-align: center;
        font-size: 1.15rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
    }
    .info{
        text-align: left;
        text-indent: 10%;
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
    }
    .lista{
        margin-left: 10%;
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        text-align: left;
    }
    li.srce {
        background: url('img/Grafika/srce.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 1rem;
            }
    li.kapljica {
        background: url('img/Grafika/kapljica.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 25px;
        font-size: 1rem;
    }
    li.cigar {
        background: url('img/Grafika/pusenje.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 1rem;
    }   
    li.jabuka {
        background: url('img/Grafika/jabuka.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 1rem;
    }
    li.vaga {
        background: url('img/Grafika/vaga.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 1rem;
    } 
    li.covek {
        background: url('img/Grafika/covek.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 1rem;
    }
    li.mozak {
        background: url('img/Grafika/mozak.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 1rem;
    }
}


@media(max-width: 700px){
    body{
        background: var(--primary);
        margin: 30px 30px;
        line-height: 1.4;
    }
    .wrapper{
        display: grid;
        grid-gap: 20px;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .main {
        display: grid;
        grid-gap:10px;
        grid-template-columns:100%;
        grid-template-areas: 
            'logo'
            'main-nav'
            'text1'      
            ;
    }
    .main-nav {
        display:block;
        grid-area:main-nav;
        
       
    }
    
    .main-nav a{
        background: var(--bluish);
        display: block;
        border-color: var(--primary);
        border-style: solid;
        text-decoration: none;
        
        padding: 1rem;
        text-align: center;
        color: var(--primary);
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Open Sans", sans-serif;
        font-size: 1.1rem;
        
    }
    .logo{
        display: inline-block;
        
    }
    .logo a{
        display: inline-block;
        max-width:48%;
    }
    .hider{
        grid-area: hider;
        color: var(--bluish);
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        text-align: center;
        border-style: solid;
        border-width:10px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-left-color: var(--primary);
        border-right-color: var(--primary);
        border-top-color: var(--logo);
        border-bottom-color: var(--logo); 
    } 
    .naslov{
        text-align: center;
        font-size: 1.15rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
    }
    .info{
        text-align: left;
        text-indent: 10%;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
    }
    .lista{
        margin-left: 10%;
        font-family: "Open Sans", sans-serif;
        font-size: 0.875rem;
        text-align: left;
    }
    li.srce {
        background: url('img/Grafika/srce.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
            }
    li.kapljica {
        background: url('img/Grafika/kapljica.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 25px;
        font-size: 0.875rem;
    }
    li.cigar {
        background: url('img/Grafika/pusenje.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }   
    li.jabuka {
        background: url('img/Grafika/jabuka.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }
    li.vaga {
        background: url('img/Grafika/vaga.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    } 
    li.covek {
        background: url('img/Grafika/covek.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }
    li.mozak {
        background: url('img/Grafika/mozak.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }
}
@media(max-width: 500px){
    body{
        background: var(--primary);
        margin: 20px 20px;
        line-height: 1.4;
    }
    .wrapper{
        display: grid;
        grid-gap: 20px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .top-container{
        align-items: center;
        
    }

    .hid1{
        display: block;
        font-size: 1rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: center;
        color: var(--dark);
        width:100%;
        padding:10px;
    }
    .innfo1{
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        text-align: left;
    }  
    .datum1{
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-align: right;
    }
    .logo{
        display: inline-block;
        
    }
    .logo a{
        display: inline-block;
        max-width: 48%;
    }

    .hider{
        grid-area: hider;
        color: var(--bluish);
        font-family: "Open Sans", sans-serif;
        font-size: 0.875rem;
        text-align: center;
        border-style: solid;
        border-width:10px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-left-color: var(--primary);
        border-right-color: var(--primary);
        border-top-color: var(--logo);
        border-bottom-color: var(--logo); 
    } 
    
   
    .middle {
        align-items: center;
        grid-template-areas:  'tekst';
        align-content: center; 
    }
    .tekst{
        grid-area: tekst;
        font-family: "Open Sans", sans-serif;
        color: var(--dark);
       
    }
    .naslov{
        text-align: center;
        font-size: 1.15rem;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
    }
    .info{
        text-align: left;
        text-indent: 10%;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
    }
    .lista{
        margin-left: 5%;
        font-family: "Open Sans", sans-serif;
        font-size: 0.875rem;
        text-align: left;
    }
    li.srce {
        background: url('img/Grafika/srce.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.75rem;
            }
    li.kapljica {
        background: url('img/Grafika/kapljica.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 25px;
        font-size: 0.875rem;
    }
    li.cigar {
        background: url('img/Grafika/pusenje.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }   
    li.jabuka {
        background: url('img/Grafika/jabuka.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }
    li.vaga {
        background: url('img/Grafika/vaga.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    } 
    li.covek {
        background: url('img/Grafika/covek.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }
    li.mozak {
        background: url('img/Grafika/mozak.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }  
    li.pice {
        background: url('img/Grafika/pice.png') no-repeat left top;
        height: 70px;
        padding-left: 68px;
        padding-top: 20px;
        font-size: 0.875rem;
    }  
    
}