/* @group @m-page-footer-nav */

.m-page-footer-nav {
padding-top: var(--spacing-section);
padding-bottom: var(--spacing-section);
background: hsla(213, 90%, 15%, 1);
font-size: var(--font-size-small);
line-height: var(--lineheight-small);
color: var(--neutral-colors-100);
}

@media only screen and (min-width: 48em) {

.m-page-footer-nav {
font-size: var(--font-size-x-small);
line-height: var(--lineheight-x-small);
}

}

/* @end @m-page-footer-nav */

/* @group @m-page-footer-nav */

.m-page-footer-nav {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: var(--spacing-medium);
grid-row-gap: var(--spacing-paragraph);
}

@media only screen and (min-width: 30em) {

.m-page-footer-nav {
grid-template-columns: repeat(2, 1fr);
}

}

@media only screen and (min-width: 48em) {

.m-page-footer-nav {
grid-template-columns: repeat(3, 1fr);
}

}

/*@media only screen and (min-width: 62em) {

.m-page-footer-nav {
grid-template-columns: repeat(4, 1fr);
}

}*/

/* @end @m-page-footer-nav */

/* @group @a-page-footer-nav-label */

.a-page-footer-nav-label {
margin-bottom: var(--spacing-small);
font-size: inherit;
line-height: inherit;
color: var(--neutral-colors-73);
}

/* @end @a-page-footer-nav-label */

/* @group @m-page-footer-nav-link */

.m-page-footer-nav-link,
.m-page-footer-nav-link ul {
margin-bottom: 0;
}

.m-page-footer-nav-link>li:not(:last-of-type) {
margin-bottom: var(--spacing-medium);
}

.m-page-footer-nav-link ul {
margin-top: var(--spacing-small);
}

.m-page-footer-nav-link ul li {
position: relative;
padding-left: 1rem;
}

.m-page-footer-nav-link ul li:before {
content: '';
position: absolute;
position: absolute;
top: .625rem;
left: .25rem;
width: .25rem;
height: .25rem;
background: var(--neutral-colors-100);
border-radius: 50%;
}

.m-page-footer-nav-link li:not(:last-of-type) {
margin-bottom: var(--spacing-small);
}

.m-page-footer-nav-link a:hover,
.m-page-footer-nav-link a:focus {
color: var(--brand-proto-color-action);
}

@media only screen and (min-width: 48em) {

.m-page-footer-nav-link ul {
margin-top: var(--spacing-x-small);
}

.m-page-footer-nav-link li:not(:last-of-type) {
margin-bottom: var(--spacing-x-small);
}

}

/* @end @m-page-footer-nav-link */

/* @group @page-footer-info */

/* @group @m-page-footer-info */

.m-page-footer-info {
padding-top: var(--spacing-paragraph);
padding-bottom: var(--spacing-paragraph);
background: var(--gray-colors-20);
color: var(--neutral-colors-100);
}

/* @end @m-page-footer-info */

/* @end @page-footer-info */

.a-footer-copyright {
display: block;
font-size: var(--font-size-xx-small);
line-height: var(--lineheight-xx-small);
text-align: center;
text-transform: uppercase;
}