.mobile-temp-image, .mobile-text{
    display: none !important;
}

.thermometer-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
}
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*XS Devices 0 - 767px*/
@media only screen and (max-width: 47.9375em) {
   
}

/*Devices 768px in width*/
@media only screen and (min-width: 48em) {
  
}

@media only screen and (max-width: 1024px){
    .desktop-temp-image{
        display: none;
    }

    .thermometer-buttons {
        display: none;
    }

    .mobile-temp-image, .mobile-text{
        display: block !important; 
    }

    .mobile-text{
        text-align: left;
    }

    .therm-sub-heading{
        color: var(--color-orange);
        margin: 0; 
    }

    .therm-heading{
        font-size: 28px; 
        margin-top: 1em; 
    }

    .therm-description{
        margin-top: 0.5em; 
        margin-bottom: 2em; 
    }
}

/*Devices 1024px in width*/
@media only screen and (min-width: 64em) {

   

}

/*Devices 1200px+ in width*/
@media only screen and (min-width: 75em) {


   

}