#viewer-pane .airfire-alerts.map-general-alerts {
    display: none; /*initially hidden*/
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
    z-index: 1001;
    background-color: white;
    border: #999 1px solid;
    padding: 10 30px;
    /* width defined per screen size, below */
    position: absolute;
    bottom: 0px;
}

#viewer-pane .airfire-alerts.map-general-alerts .alert {
    margin: 0;
}

.status-tab-content .airfire-alerts, .firework-tab-content, .hrrr-tab-content .airfire-alerts {
    text-align: left;
    margin: 10px 35px;
}

/* larger devices */
@media (min-width: 1200px) {
    #viewer-pane .airfire-alerts.map-general-alerts {
        left: 20%;
        width: 60%;
    }
}
/* smaller devices */
@media (max-width: 1199px) {
    #viewer-pane .airfire-alerts.map-general-alerts {
        left: 10%;
        width: 80%;
    }
}
/* small devices */
@media (max-width: 768px) {
    #viewer-pane .airfire-alerts.map-general-alerts {
        left: 0px;
        width: 100%;
    }
    .status-tab-content .airfire-alerts, .firework-tab-content, .hrrr-tab-content .airfire-alerts {
        margin: 10px 5px;
    }
}