body header.container-header > .grid-child {
    padding-left: 1rem;
    padding-right: 1rem;
}

.container-header .grid-child:has(.navbar-brand) {
    justify-content: center;
}

.container-header .navbar-brand {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media (max-width: 767.98px) {
    body header.container-header > .grid-child {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@keyframes content-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .site-grid .container-component {
        animation: content-fade-in
            350ms ease-out both;
    }
}