.site-weather {
    float: right;
    font-family: var(--font-sans-serif);
    font-size: 1rem;
}

@media (max-width: 900px) {
    .site-weather {
        display: block;
        float: none;
        font-size: 0.9rem;
        margin-bottom: 1rem;
        text-align: center;
    }
}