@media screen and (min-width:1500px) {
    body{
        margin:0;
        font-family: 'Cairo';
        font-size: larger;
    }
    .glavno{
        width: 1500px;
        align-self: center;
        margin: 0 auto;
    }
    nav{
        z-index: 1;
        position: fixed;
        top: 0;
        width: 100%;
        background-color: white;
    }
    .nav{
        display: flex;
        width: 100%;
        height:80px;
        margin: 0;
        align-items: center;
        box-shadow: 0px 8px 9px gray;
    }
    .naslov{
        font-size: xx-large;
        margin-left: 50px;
        margin-right: auto;
    }
    .navi{
        font-size: larger;
        align-items: flex-end;
        margin-right: 120px;
    }
    .vlko{
        margin: 80px 0 0 0;
        position:relative;
        text-align: center;
        
    }
    .sredina{
        position: absolute;
        font-size: 70px;
        font-weight: bold;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .poglavje{
        margin-top: 40px;
        font-size: xx-large;
        color: gray;
    }
    .line{
        margin: 5px auto 15px;
        padding: 0;
        border-bottom: 1px solid gray;
    }
    .opis{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        width: 1500px;
    }
    .tabela{
        padding: 20px 30px;
        margin-top: 20px;
        display: inline-block;
        border: 1px solid grey;
        width: 400px;    
    }
    .tabelaa{
        padding: 20px 30px;
        display: flex;
        border: 1px solid grey;  
        width: 1500px;  
        margin: 20px 0 0 0;
    }
    .vsebinaprvo{
        width: 720px;
        margin-left: 0;
    }
    .vsebinadrugo{
        width: 720px;
        margin-right: 0;
        font-size: larger;
    }
    iframe{
        width: 100%;
    }
    .vme{
        padding: 10px;
        
    }
    .prva{
        margin-right: 80px;
    }
    .tretja{
        margin-left: 80px;
    }
    .nasl{
        font-size: larger; 
        margin-bottom: 10px;
    }
    .vsebina{
        width:auto;
    }
    .oseba{
        display: flex;
        margin: 10px 0;
    }
    .napis{
        margin-left: 20px;
        display: inline-block;
    }
    .row{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .vmes{
        margin-bottom: 50px;
    }
    .reference{
        display:flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        width: 1500px;
    }
    .tabel{
        border: 1px solid gray;
        padding: 0px;
        margin: auto;
        margin-top: 20px;
    }
    .ime{
        font-size: 30px;
    }
    .prv{
        margin-left: 0;
    }
    .cetrt{
        margin-right: 0;
    }
    ul{
        list-style-type: none;
        margin: 20px 45px 30px 5px;
    }
    li{
        margin-bottom: 5px;
    }
    .naslo{
        text-align: center;
        margin: 10px 0;
        font-size: x-large;
        box-shadow: 0px 5px 5px gray;
        width: 100%;
    }
    footer{
        background-color: rgb(64,64,64);
        padding: 25px;
        padding-bottom: 0;
        box-shadow: 0px -5px 5px 2px rgb(64, 64, 64);
    }
    .noga{
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: large;
        color: lightgray;
        margin: 0;
    }
    .levo{
        margin: auto;
        margin-left: 0;
        display:flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .desno{
        margin:auto;
        margin-bottom: 30px;
    }
    .sred{
        margin: auto;
        margin-bottom: 30px;
    }
    a{
        text-decoration: none;
        color: black;
    }
    html{
        scroll-behavior: smooth;
    }
    #dejavnost{
        scroll-margin-top:90px
    }
    #reference{
        scroll-margin-top:90px
    }
    #kontakt{
        scroll-margin-top: 90px;
    }
    .logo{
        margin-right: 20px;
    }
}



@media screen and (max-width:1499px) and (min-width: 0px) {
    body{
        margin:0;
        font-family: 'Cairo';
        font-size: larger;
    }
    .glavno{
        width: 100%;
        align-self: center;
        margin: 0 auto;
    }

    nav{
        z-index: 1;
        position: fixed;
        top: 0;
        width: 100%;
        background-color: white;
    }
    .nav{
        display:flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height:80px;
        margin: 0;
        box-shadow: 0px 8px 9px gray;
    }
    .n{
        font-size: large;
        margin-right: 20px;
        text-transform: uppercase;
    }
    .kon{
        margin-left: auto;
        margin-right: 10px;
    }
    .naslov{
        font-size: 30px;
        margin-right: auto;
        margin-left: 10px;
    }

    .vlko{
        margin: 80px 0 0 0;
        position:relative;
        text-align: center;
        width: 100%;
        height: auto;
    }
    .vlko>img{
        object-fit: cover;
        width:100%;
        height: auto;
    }
    .sredina{
        position: absolute;
        font-size: 70px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .poglavje{
        margin-top: 40px;
        font-size: xx-large;
        color: gray;
    }
    .line{
        margin: 5px auto 10px;
        padding: 0;
        border-bottom: 1px solid gray;
    }
    .opis{
        margin: 0;
    }
    .tabela{
        padding: 10px 30px;
        margin-top: 20px;
        box-shadow: 0px 0px 15px black;
        width: auto;
        margin-left: auto;
        margin-right: auto;  
    }
    .tabelaa{
        padding: 10px 30px;
        margin-top: 20px;
        box-shadow: 0px 0px 15px black;
        width: auto;
        margin-left: auto;
        margin-right: auto;  
    }
    .vsebinaprvo{
        margin-bottom: 30px;
    }
    iframe{
        width: 100%;
    }
    .vme{
        margin: 10px auto;
    }
    .nasl{
        font-size: larger; 
        margin-bottom: 10px;
    }
    .vsebina{
        width:auto;
    }
    .oseba{
        display: flex;
        margin: 10px 0;
    }
    .napis{
        margin-left: 20px;
        display: inline-block;
    }
    .row{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .vmes{
        margin-bottom: 50px;
    }
    .reference{
        margin: 0;
        width: 100%;
    }
    .tabel{
        padding: 10px 30px;
        margin-top: 20px;
        box-shadow: 0px 0px 15px black;
        width: auto;
        margin-left: auto;
        margin-right: auto; 
        text-align: center;
    }
    .ime{
        font-size: x-large;
    }
    ul{
        list-style-type: none;
        margin: 20px 45px 30px 5px;
    }
    li{
        margin-bottom: 5px;
    }
    .naslo{
        text-align: center;
        margin: 10px 0;
        font-size: x-large;
        box-shadow: 0px 5px 5px gray;
        width: 100%;
    }
    footer{
        background-color: rgb(64,64,64);
        padding: 25px;
        padding-bottom: 0;
        margin-bottom: 0;
        box-shadow: 0px -5px 5px 2px rgb(64, 64, 64);
    }
    .noga{
        display:flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        color: lightgray;
        font-size: medium;
        font-size: large;
    }
    .levo{
        margin: auto;
        margin-left: 0;
        display:flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    .desno{
        margin:auto;
    }
    .sred{
        margin: auto;
    }
    a{
        text-decoration: none;
        color: black;
    }
    html{
        scroll-behavior: smooth;
    }
    #dejavnost{
        scroll-margin-top:90px
    }
    #reference{
        scroll-margin-top:90px
    }
    #kontakt{
        scroll-margin-top: 90px;
    }
}