.weather-text {
    font-size: 1.6em;
    /*font-weight: bold;*/
    /*color: #ff5722;*/ /* A warm color to represent temperature */
    margin: 10px 0;
    text-align: center;
    vertical-align: middle;
}

.weather-icon {
    font-size: 2.2em;
    vertical-align: middle;
}

.weather-icon-sm {
    font-size: 1.5em;
    vertical-align: middle;
}

.inline-img {
    /* Ensures images align nicely with the text */
    vertical-align: baseline;
    /*height: 40px;*/ /* Adjust size as needed */
    width: auto;
}

@media (max-width: 600px) {
    #weathePanel {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}