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

.dizajner_content h2{ 
    font-size:2em; font-weight:bold; text-align: left; padding-left:2em;
    background-image: linear-gradient(to right, rgb(3, 171,171),
    rgb(252, 242, 171), 
    rgb(246, 153, 171));
}
.dizajner_content h3, .dizajner_content h4, p{ text-align:center; }
.dizajner_content h3{ font-size:2.4em;} 
.dizajner_content h4{ font-size:1.5em;} 
p.small_info{ font-size: 1em; }
h3.bold, h4.bold{ font-weight: bold; }

.dizajner_content .text_uputstvo{
    margin:.75em 0; background-color:aqua; padding:1em;
}
.dizajner_content .text_uputstvo.tu1{
    background-color:rgb(254, 233, 242);
    text-shadow: 0px 4px 12px #333;
}
.dizajner_content .text_uputstvo.tu2{
    background-color:rgb(255, 248, 170);
}
.dizajner_content .text_uputstvo.tu2 h4{
    margin:.5em 0;
}
.dizajner_content .text_uputstvo.tu3{
    background-color:rgb(146, 255, 236);
}

.dizajner_content footer h4{ font-size:1em;} 

@media screen and (max-width:1000px){
    #content{
        grid-template-rows: 5em 2.5em 2.5em auto auto auto 2.5em 25vh 4em 20vh;
    }
}
@media screen and (max-width:700px){
    #content{ grid-template-rows: 5em 2.5em 2.5em auto auto auto 2.5em 25vh 4em 20vh; }
}
@media screen and (max-width:600px){
    #content {
        grid-template-rows: 5em auto auto auto auto auto 2.5em 25vh 4em 20vh;
    }
    
}
@media screen and (max-width:500px){

.dizajner_content h2{
    padding-left:1em; font-size:1.65em;
}
}