#divSredinaSadrzaj{
    padding: .3em;
    min-height: 500px;
}
.divProizvod{
    margin-bottom: 2em;
    padding-bottom: .7em;
    padding: 2em 1em 1em;
    border-bottom: 5px dashed white;
    /* border-left: 3px dashed white; */
    display: grid;
    max-width: 100%;
    grid-template-areas:    "logo naslov"
                            "logo link"
                            "tekst tekst"
                            "slika slika";
    grid-template-columns: 1fr 3fr;
    grid-auto-rows: auto;
    gap: .5em;
}
.divProizvod>img{
    width: 5em;
    grid-area: logo;
    border-radius: 1em;
    box-shadow: 2px 2px 10px var(--senka);
}
.spnProizvodLink{
    font-size: .8em;
}
.spnProizvodLink:hover{
    text-decoration: underline;
}
.spnProizvodNaslov{
    grid-area: naslov;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 900;
    text-shadow: 1px 1px 3px var(--senka);
}
.spnProizvodTekst{
    grid-area: tekst;
    font-size: .5em;
    padding: 3em 10em;
}
.divProizvod_galerija{
    grid-area: slika;
    display: flex;
    justify-content: space-around;
}
.divProizvod_galerija img{
    width: auto;
    max-width: 100%;
    height: auto;
    aspect-ratio: unset;
}
@media screen and (max-width:480px){
    .spnProizvodNaslov{
        font-size: 1.2em;
    }
    .spnProizvodTekst{
        font-size: 1.1em;
        padding: 3em;
    }
    .divProizvod_galerija{
        flex-direction: column;
    }
    .divProizvod_galerija>div{
        text-align: center;
    }
}
@media screen and (min-width:481px) and (max-width:768px){
    #divSredinaSadrzaj{
        margin-top: 1em;
    }
    .spnProizvodNaslov{
        font-size: 1.8em;
    }
    .spnProizvodTekst{
        font-size: 1.5em;
    }
}
@media screen and (min-width:769px){
    #divSredinaSadrzaj{
        margin: 1em auto 1em auto;
        
        max-width: 70%;
        font-size: 2em;
    }
}