/**
* dvo-dimenzionalni grid sustav
*
* @author Danijel Galić
* @copyright 2019 Grafotisak d.o.o.
* @license
*
* @link http://www.grafotisak.com
*
* @since 0.0.2 GTGwebShop alpha
*
* @version 1.0
*/

body {display: grid; grid-template-areas: 'zaglavlje zaglavlje zaglavlje zaglavlje' 'sadrzaj sadrzaj sadrzaj sadrzaj' 'podnozje podnozje podnozje podnozje'; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto;}
header {display: grid; grid-area: zaglavlje; grid-template-columns: auto 200px repeat(5, 220px) auto; grid-template-rows: 30px 100px min-content;}
main {display: grid; grid-area: sadrzaj; grid-template-columns: auto repeat(4, 290px) auto; grid-auto-rows: minmax(min-content, max-content); grid-gap: 15px;}
footer {display: grid; grid-area: podnozje; grid-template-columns: auto repeat(5, 232px) auto;}

@media only screen and (min-width: 1590px) {

    header {grid-template-columns: auto 180px repeat(5, 258px) auto;}
    main {grid-template-columns: auto 290px repeat(3, 373px) auto;}
    main#rezultatmini {grid-template-columns: auto repeat(4, 373px) auto;}
    footer {grid-template-columns: auto repeat(5, 288px) auto;}

}

@media only screen and (max-width: 1260px) {

    header {grid-template-columns: 300px repeat(2, 1fr); grid-template-rows: 60px 100px min-content;}
    main {grid-template-columns: 0px repeat(4, 1fr) 0px;}
    footer {grid-template-columns: repeat(3, 1fr);}

}

@media only screen and (max-width: 768px) {

    body {grid-template-rows: auto auto auto;}
    header {grid-template-columns: 50% 50%; grid-template-rows: 60px 100px min-content;}
    body#partner header {grid-template-rows: 90px 100px auto;}
    main {grid-template-columns: 0px repeat(4, 1fr) 0px;}
    footer {grid-template-columns: repeat(1, 1fr);}

}
@media print {

    body {grid-template-areas: 'ispis'; grid-template-columns: initial; grid-template-rows: initial;}

}