.frame-layout-20 .headline.-small {
    margin-bottom: 0;
}

.frame-layout-20 h4 {
    font-family: var(--f-family);
    font-weight: var(--f-weight-n);
    text-transform: uppercase;
    color: rgb(var(--c-neutral-lightest));
    font-size: var(--f-size);
    background: rgb(var(--c-primary));
    text-align: center;
    padding: 0.3rem 0.5rem;
}

.frame-layout-20 .weather2-item {
    background-color: rgb(var(--c-neutral-lightest));
    border: 1px solid rgb(var(--c-neutral-light));
    margin: 0;
    width: 100%;
}

.frame-layout-20 .weather2-item .primary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 1rem 0;
    align-items: center;
}

.frame-layout-20 .weather2-item p {
    font-size: var(--f-size);
}

.weather-icon img {
    float: left;
}

.frame-layout-20 .weather2-report h3 {
    font-size: var(--f-size-l-2);
    font-weight: var(--f-weight-b);
}