/*******************/
/***** WEATHER *****/
/*******************/
#weather-container {
    display: flex;
}

#weather-img {
    min-width: 80px;
    max-width: 90px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#weather-img.frost {
    height: 112%;
    background-size: 100%;
    background-position: bottom;
}

.weather-txt.up, .weather-txt.right {
    display: flex;
    flex-direction: column;

}

.weather-txt.up {
    justify-content: center;
    align-items: flex-start;
}

#weather-down {
    display: flex;
}

#weather-town, #weather-lbl {
    width: max-content;
}

.weather-txt.right {
    justify-content: space-evenly;
    align-items: flex-end
}

#weather-lbl {
    font-size: 0.9rem;
}

#weather-temp, #weather-wind, #weather-humidity {
    font-size: 0.7rem;
    width: max-content;
}

#weather-container.hidden-row {
    display: none;
}

@media screen and (max-width: 600px) {
    #weather-container {
        display: none;
    }

    #footer-txt {
        text-align: center;
    }
}