.site-header,
.site-footer {
display: flex;
justify-content: space-between;
gap: 30px;
padding: 30px;
background: #eeeeee;
}
.site-header > .nav > ul,
.site-footer > .nav > ul {
display: flex;
gap: 1em;
padding: 0;
list-style: none;
}   .ext-bnr{
display: flex;
justify-content: center;
align-items: center;
background: var(--color-brown-light);
padding: clamp(20px, 2.3255813953vw, 40px) 1em 0;
}
.ext-bnr > a{
display: inline-block;
}