#g0, #g1 {
display: grid;
}

#g0 {
text-align: center;
margin: auto;
}

@media (min-width: 840px) {
#g0 {
max-width: 1280px;
grid-template-columns: 350px auto 350px;
}

#g1 {
grid-column: 1 / 4;
grid-row: 2 / 3;
grid-template-columns: 150px auto 150px;
}
}

@media (min-width: 560px) and (max-width: 839px) {
#g0 {
grid-template-columns: 250px;
}

#g15, #g16 {
grid-column: 1 / 3;
}

#g1 {
grid-column: 1 / 3;
grid-row: 2 / 3;
grid-template-columns: auto 150px;
}
}

@media (max-width: 559px) {
#g1 {
grid-row: 3 / 4;
}

#g2, #g4 {
display: none;
}
}