@media (max-width:800px){
    .hideonmobile{
        display: none;
    }
    p{
        font-size: 16px;
    }
    h2{
        font-size: 25px;
    }
    h1{
        font-size: 25px;
    }
    .sidebar{
        width: 80%;
    }
    .hideondesktop{
        display: block;
    }
    header{
        height: 50vh;
    }
    header h1{
        font-size: 50px;
        text-align: center;
    }
    header h1 br{
        display: block;
    }
    .tekst1 h2{
        text-align: center;
    }
    .tekst1{
        width: 100%;
    }
    .slika1{
        display: none;
    }
    .tekst1{
        position: relative;
    }
    .materijali{
        margin-top: 50px;
    }
    .slike2{
        width: 50%;
    }
    .slike3{
        display: none;
    }
    .tekst2{
        margin-top: 40px;
    }
    .tekst2 h2{
        margin-bottom: 10px;
    }
    .materijali2{
        margin-top: 90px;
    }
    .inovacija1{
        flex-direction: column;
    }
    .inovacija2{
        flex-direction: column;
    }
    .inovacija3{
        flex-direction: column;
    }
    .inovacija_slika1{
        width: 100%;
        order: 2;
    }
    .inovacija_tekst1{
        width: 100%;
        margin: 0;
    }
    .inovacija_tekst1 p{
        padding: 30px;
    }
    .inovacija_slika2{
        width: 100%;
    }
    .inovacija_tekst2{
        width: 100%;
        margin: 0;
        padding: 30px;
    }
    .inovacija_slika3{
        width: 100%;
        order: 2;
    }
    .inovacija_tekst3{
        width: 100%;
        margin: 0;
        padding: 30px;
    }
   
}