/* covid-19-banner.css */

.temp-banner {
    display: flex;
    flex-direction: row;
    background-color:#F2A900;
    padding: 0px 20px 0px 20px;
}

.temp-banner .text {
    flex: auto;
    width: 75%;
}

@media only screen and (max-width: 1024px) {
    .temp-banner .image {
        width: 33.3333%;
    }
    
    .temp-banner .text {
        width: 66.6666%;
    }
}

@media only screen and (max-width: 640px) {
    .temp-banner {
        flex-direction: column;
    }
    
    .temp-banner .image {
        /*width: 100%;
        height: 256px;*/
        display: none;
    }
    
    .temp-banner .text {
        width: 100%;
    }
}