#grid {
    grid-template-areas: "H H" "FG M"  "TR TR" "ZG ZG" "IG IG" "P P" "L L" "F F" "Q Q";
    }
#grid :is(h2 a, h3 a, h4 a) {
    color: #53c7ff;
    margin-bottom: 1rem;
}
#grid :is(h2 a:hover, h3 a:hover, h4 a:hover) {
    color: goldenrod;
}
#povezave {
    margin: 1rem;
    padding: 1vw;
    font-weight: unset;
}
#trailer {
    max-height: 500px;
}

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

    #grid {
        grid-template-areas:
        "H L"
        "FG M"
        "TR TR "
        "ZG ZG"
        "IG P"
        "IG P"
        "IG F"
        "Q Q";
    }
}


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

    #grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas:
        "H H L L"
        "FG M IG P"
        "FG M IG F"
        "TR TR ZG ZG "
        "TR TR Q Q";
    }
    #grid :is(#povezave, #podnapisi, footer) {
        align-self: center;
    }
    #povezave {
        margin: unset;
        font-weight: unset;
    }
    #zgodba {
        align-self: center;
    }


}