.grid-parent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
@media screen and (max-width: 800px) {
.grid-parent {
grid-template-columns: repeat(1, 1fr);
}
}
.grid-parent .grid-child li a {
text-decoration: none;
}
.grid-parent .grid-child li {
list-style: none;
text-align: left;
}
.grid-parent .grid-child ul {
padding-left: 0px;
}
.grid-parent .grid-child h4 {
text-align: left;
text-transform: uppercase;
}
body .with-sub-footer-text .sub-footer-menu-social {
width: 100%;
}