.sgpav-layout {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "site-header"
        "site-mg"
        "site-footer";
}

.sgpav-content {
    grid-area: site-mg;
    background: white;
    margin-inline: auto;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-areas:
        "site-topad"
        "site-content"
        "site-bottomad";
}

.shpav-1100,
.shpav-1200,
.sgpav-topad,
.sgpav-midcontent,
.sgpav-bottomad,
.sfpav-1100 {
    width: min(1440px, 100%);
}

.sgpav-topad {
    grid-area: site-topad;
    margin: auto;
    padding-inline: 1rem;
}

.sgpav-bottomad {
    grid-area: site-bottomad;
    margin: auto;
    padding-inline: 1rem;
}

.sgpav-midcontent {
    display: grid;
    margin: auto;
    grid-template-columns: 1fr;
    grid-template-areas:
        "site-leftad"
        "site-content"
        "site-rightad";
}

.sgpav-leftad {
    grid-area: site-leftad;
    max-width: 100%;
    margin-inline: auto;
    justify-self: center;
}

.sgpav-mcnt111 {
    grid-area: site-content;
    padding: 1rem;
}

.sgpav-rightad {
    grid-area: site-rightad;
    max-width: 100%;
    margin-inline: auto;
    justify-self: center;
}

@media (min-width: 1024px) {

    .sgpav-midcontent {
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
            "site-leftad site-content site-rightad";
    }
}

.scpav-toolbox {
    background: var(--gray-50);
    box-shadow: var(--shadow-tool);
    width: 100%;
}