.site {
    min-height: 100vh; /* instead of 100dvh */
    display: grid;
    grid-template-rows: auto 1fr auto; /* header | main | footer */
    grid-template-columns: 1fr;
}

body {
    margin: 0;
    padding: 0;
    height: auto;       /* remove 100dvh */
    overflow-y: auto;   /* allow page scroll */
}

header {
    display: flex;
    flex-direction: column;  /* stack logo above bar */
    align-items: flex-start; /* align everything to the left */
    padding: 1rem 2rem;
    background-color: #fff;
}

.logo-container {
    display: block;  /* remove flex centering */
    margin: 0;       /* no extra spacing */
}

.logo-container img {
    display: block;  /* ensures left alignment */
    width: 300px;
    height: 70px;
}

.purple-bar {
    width: 100%;
    height: 1.8cm;
    background-color: #7e3e97;
    margin-top: 0.5rem;
}

footer{
    padding-right: 8vw;
    padding-left: 8vw;
    background-color: #60177d;
    padding: 3.75rem 2rem 1.875rem;
    padding-top: 2.75rem;
    padding-bottom: 1.875rem;
    display: block;
    unicode-bidi: isolate;
    box-sizing: border-box;
}

body {
    font-family: Inter, sans-serif;
    line-height: 1.8;
    font-weight: 400;
    font-size: 1rem;
}

.footer_container {
    display: grid;
    grid-template-areas:
    "brand brand brand . address address address"
    "div div div div div div div"
    "copyright copyright copyright nav nav nav nav";
    grid-template-columns: repeat(7, auto);
    grid-template-rows: repeat(3, auto);
    flex-direction: column;
    position: relative;
}

.footer__band {
    grid-area: brand;
    grid-row: 1;
    grid-column: 1;
    box-sizing: border-box;
}

p {
    display: block;
    font-size: 1rem;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

ul li {
    font-size: 1rem;
    padding: 0;
}


footer p {
    color: #fff;
}

.contact{
    grid-row: 1;
    grid-column: 7;
    box-sizing: border-box;
}

.contact_title {
    font-size: 1.875rem;
    display: block;
    font-weight: 400;
    color: #fff;;
}

.contact_link a:first-of-type {
    border-right: 2px solid #dad4dd;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(218, 212, 221);
    margin-right: 1rem;
    padding-right: 1rem;
   
}

.contact_link a{
   color: #fff;
   font-size: 1rem;
}

.footer_copyright {
    grid-area: copyright;
}

.footer__copyright {
    grid-row: 3;
    grid-column: 1;
    text-align: left;
    font-size: .75rem;
}

.footer__copyright {
    grid-area: copyright;
}