#content{
    grid-template-rows: 5em 2.5em auto 20vh;
}

main{
    display:block;
}
main h3{  
    background-color: #4e4e4e; color:white; line-height: 2em; font-size:130%; text-align:left; 
    padding-left:2em; margin-top:.5em;
}
main section{
    display:grid; grid-template-columns: 7fr 3fr; 
    grid-gap:1em; 
}
main #podaci_korpe{
    background: rgb(102,102,102);
    color:white; font-size:130%; padding:0 1em 1em 1em;
}
    main #podaci_korpe p{
        background:rgb(180,180,180); color:black; border: 2px solid black;
        line-height: 2em; 
        display:grid; padding-left:1em; padding-right:1em;
        grid-template-columns: repeat(3, 1fr);
    }
    main #podaci_korpe p.naslov_sve{ grid-template-columns: 1fr; }
    main #podaci_korpe p.stavka{  margin-top:1em; }
    main #podaci_korpe p.stavka:nth-child(2){  margin-top:0; }
    main #podaci_korpe p.naslov{
        color:white; background: none; border:none; font-size:140%;
    }
    main #podaci_korpe p.sum{
        border: 2px solid black; background: white; color: #4e4e4e;
    }
    main #podaci_korpe p *{ text-align:center; }
    main #podaci_korpe p :first-child{ text-align:left; }
    main #podaci_korpe p :last-child{ text-align:right; }

    main #podaci_korpe p.naruci_korpu{
        border: 2px solid black; background: white; color: green;
        grid-template-columns: 1fr; justify-content: center; margin-top:1em;
        text-align: center;
    }
    main #podaci_korpe p.naruci_korpu:hover{
        background: green; color:white;
    }


main  #proizvodi_korpe { 
    padding: 1em 0; margin-top:.75em; color:black; 
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 
    grid-template-rows: repeat(auto-fit, 250px);
    grid-gap:1em;
}
main #proizvodi_korpe > div{
    display:grid; 
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(1fr, 4);
    grid-gap: .5em;
}
main #proizvodi_korpe div a:first-child{
    grid-row:span 4; background-repeat: no-repeat;
    background-size:contain; background-position: center;
    border:2px solid #4e4e4e; padding:1em;  
}
main #proizvodi_korpe div p, main #proizvodi_korpe div div{
    border:2px solid #4e4e4e; padding:1em;  background:white;
    
}
main #proizvodi_korpe div a{
    color:#ec5353;
}
.podatka_2{
    display:grid; justify-content: space-between; 
    grid-template-columns: auto auto;
}
.ukloni_korpa{
    grid-template-columns: auto; justify-content: center;
}
.ukloni_korpa:hover{ color:red; }
@media screen and (max-width:1300px){
    main #podaci_korpe { font-size:1.6vw; } 
    main #podaci_korpe p.naslov{ padding-left:.2em; padding-right:.2em;}
}
@media screen and (max-width:1000px){
    main section{ grid-template-columns: 1fr; }
    main #podaci_korpe { font-size:130%; } 
}
@media screen and (max-width:600px){
    #content {    grid-template-rows: 5em auto auto 20vh; }
}
@media screen and (max-width:400px){
    main  #proizvodi_korpe { 
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 
    }
    main #proizvodi_korpe > div { grid-template-columns: 2fr 3fr; }
    main #podaci_korpe { font-size:120%; } 
}