/* CSS Document */
div#quality_content_wrapper { width:620px; }
div.quality_column { width:290px; }
div.quality_column h2 {  font-family:calibri, century gothic, arial !important; font-weight:bold !important; }
div.quality_column li {  font-family:calibri, arial !important; font-size:12px !important; margin-bottom:5px !important; }
div.float_left { display:inline; float:left; }
div.float_right { display:inline; float:right; }
.clear{clear:both;}
.bottom-line{border-bottom:1px solid #dddddd;display:table;width:100%;margin-bottom:20px;} 

.covid-19-banner 
{
height: 200px;
margin:10px 0 30px 0;
background-position: 0 20%!important;
}
.covid-19-banner .category 
{
position: absolute;
left: 0;
top: 0;
font-size: 18px;
line-height: 1.5em;
color: #fff;
margin-top: 0;
padding: 7px 20px 7px 20px;
}
.covid-19-banner .purple 
{
background-color: #52397d;
}
.covid-19-banner .bottom_tittle_bc 
{
position: absolute;
display: table-cell;
vertical-align: text-bottom;
left: 0;
bottom: 0;
width: 100%;
height: auto;
background-color: rgba(1,1,1,.5);
z-index: 999;
}
.covid-19-banner .bottom_titile 
{
color: #fff;
padding: 0 20px;
margin: 10px 0;
line-height: 1.2em;
font-weight: 200;
}
.covid-19-banner .overlay_color 
{
position: relative;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.05);
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.covid-19-banner .photo_bc:hover .overlay_color 
{
background-color: rgba(0,0,0,.0);
}
@media only screen and (max-device-width: 7.001in)
{
.covid-19-banner 
    {
    height: 180px;
    background-position: 0 0!important;
    }
}