*{
    margin: 0;
    padding: 0; 
}


.uvod{
    color: #3d3d3f;
    padding-top: 15vh;
    width: 40vw;
    margin: 0 auto;
    text-align: justify;
}

.uvod-h h1{
    font-size: 2vw;
    text-align: left;
}

.uvod-h img{
    width: 100%;
    height: 30vh;
    object-fit: cover;
    padding-top: 5vh;
}

.uvod-p{
    padding-top:3vh;
    font-size: 18px;
}

.uvod-p p{
    padding-top: 2vh;
}

.blog-main{
    color: #3d3d3f;
    margin-top: 5vh;
    width: 40vw;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 15vh;
}

.tekst-p{
    padding-top: 5vh;
}

.tekst-p img{
    width: 100%;
    object-fit: cover;
    height: 25vh;
    padding-top: 3vh;
}

iframe{
    margin-top: 5vh;
}

.slike-2{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding-top: 5vh;
    grid-column-gap:20px;
    width: 35vw;
    margin: 0 auto;
}

.slike-2 img{
    width: 100%;
    object-fit: cover;
    height: 25vh;
    
}

.slike-3{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding-top: 5vh;
    grid-column-gap:20px;
    width: 35vw;
    margin: 0 auto; 
}

.slike-3 img{
    width: 100%;
    object-fit: cover;
    height: 25vh;
    
}

.tekst-p h2{
    width: 35vw;
    font-size: xx-large;
    text-align: left;
}

#marking{
    background-color: antiquewhite;
}

.tekst-p h3{
    padding-top: 2.5vh;
}

.tekst-p p{
    padding-top: 2vh;
    font-size: large;
}


.tekst-p ul li{
    font-size: large;
    margin-left: 3vw;
    line-height: 2vh;
}

#unix ul p{
    font-weight: 600;
}

.bold-t{
    font-weight: bold;
}

.tekst-p mark{
    background-color: transparent;
    font-weight: 600;
}

.tekst-p a{
    font-weight: 400;
    color: blue;
    transition: .6s;
}

.tekst-p a:hover{
    color: purple;
    transition: .6s;
}


   /* Laptop */

    @media only screen and (min-width: 1124px) and (max-width: 1401px){
        .uvod-h h1{
            font-size: xx-large;
        }


    }


/* MOBILE */

@media screen and (max-width: 1024px){

    .uvod{
        padding-top: 15vh;
        width: 80vw;
        margin: 0 auto;
        text-align: justify;
    }
    
    .uvod-h h1{
        font-size: xx-large;
        text-align: left;
    }
    
    .uvod-h img{
        width: 100%;
        height: 30vh;
        object-fit: cover;
        padding-top: 5vh;
    }
    
    .uvod-p{
        padding-top:3vh;
        font-size: 18px;
    }

    .blog-main{
        margin-top: 5vh;
        width: 80vw;
        margin: 0 auto;
        text-align: left;
        margin-bottom: 15vh;
    }
    
    .tekst-p{
        padding-top: 5vh;
    }
    
    .tekst-p img{
        width: 100%;
        object-fit: cover;
        height: 25vh;
        padding-top: 3vh;
    }

    iframe{
        margin-top: 5vh;
    }
    
    .slike-2{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        padding-top: 5vh;
        grid-column-gap:20px;
        grid-row-gap:20px;
        width: 80vw;
        margin: 0 auto;
    }
    
    .slike-2 img{
        width: 100%;
        object-fit: cover;
        height: 25vh;
        
    }
    
    .slike-3{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        padding-top: 5vh;
        grid-column-gap:20px;
        grid-row-gap:20px;
        width: 80vw;
        margin: 0 auto; 
    }
    
    .slike-3 img{
        width: 100%;
        object-fit: cover;
        height: 25vh;
        
    }

    .tekst-p h2{
        width: 80vw;
        font-size: x-large;
        text-align: left;
    }
    
    .tekst-p p{
        padding-top: 2vh;
        font-size: large;
    }

    .tekst-p ul li{
        font-size: large;
        margin-left: 10vw;
        line-height: 3vh;
        margin-top: 1vh;
        
       
    }
}