/* Layout */

header div.container {
    background-image: url("../img/kompas1980-2.png");
}
/* Extra small devices (phones, 600px and down) */
@media (max-width: 600px) {
    header div.container {
        background-image: url("../img/kompas1980-mobile.png");
    }
}
@media (max-width: 370px) {
    header div.container {
        background-image: url("../img/kompas1980-mobile2.png");
    }
}

 /* Section Grid Start */
.section-content-grid{
    display: grid;
    grid-template: 
        "item1 item1 item1 item1 item1 item1" 
        ". . item2 item2 . ." 
        ". item3 item3 item3 item3 ."
        "item4 item4 item4 item5 item5 item5";
    gap: 1.5rem;
}
.section-content-grid h2, .section-content-grid h3{
    text-align: left;
}
.grid-item1{
    grid-area: item1;
}
.grid-item2{
    grid-area: item2;
}
.grid-item3{
    grid-area: item3;
}
.grid-item4{
    grid-area: item4;
}
.grid-item5{
    grid-area: item5;
}
 /* Section Grid End */