@media all and (max-width:1199px) {
    h1 {
        font-size: 40px;
    }

    .uvodText img {
        width: 80px;
    }

    .uvodText * {
        margin-bottom: 20px;
    }
}

@media all and (max-width:991px) {
    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 25px;
    }

    .gray{
        background-position: right bottom;
    }
     
}

@media all and (max-width:767px) {
    body {
        font-size: 16px;
    }

    header img:first-child {
        width: 145px;
    }

    header img:last-child {
        width: 200px;
    }


    .flex {
        flex-wrap: wrap;
    }

    .uvod {
        padding: 30px 0 0 0;
    }

    .uvodText {
        width: 100%;
        padding-right:0;
    }

    .slikaUvod {
        width: 100%;
        height: 350px;
        min-height: unset;
    }

    .gray {
        padding: 30px 0;
    }

    .blue {
        padding: 15px 15px;
    }


}

@media all and (max-width:500px) {
    header img:first-child {
        width: 115px;
        margin-right: 25px;
    }

    header img:last-child {
        width: 170px;
    }

     .gray{
        background-image:none;
    }
}

@media all and (max-width:375px) {
     header img:first-child {
        width: 100px;
        margin-right: 25px;
    }

    header img:last-child {
        width: 155px;
    }
}