#g0, #g00 {
color: #7d695a;
display: grid;
}

.dummy {
right: 0;
margin-right: auto;
margin-left: auto;
}

.main {
text-align: left;
}

.slid {
z-index: 3;
width: 100%;
max-width: 940px;
min-width: 360px;
left: 0px;
}

@media (min-width: 840px) {
#g00 {
grid-template-columns: auto 20px auto 20px auto;
}

#g0 {
grid-template-columns: auto 10px auto 10px auto 10px auto;
}

#g5 {
grid-column: 5 / 8;
}

#g7 {
grid-column: 1 / 4;
}

.slid {
right: 0;
margin-right: auto;
margin-left: auto;
}
}

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

#g5, #g7, #g8 {
grid-column: 1 / 4;
}
}