#SiteBannerWrapper
{
display: block;
width: 100%;
height: 2.5rem;
margin: 0 auto;
color: #fff;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: #005380;
transition: background 300ms ease-in-out, box-shadow 300ms ease-in-out;
position: relative;
}
#SiteBannerWrapper:hover
{
background: #27aae1;
box-shadow: inset 0 0 .5rem rgba(0,0,0,.1);
}
#SiteBannerWrapper::after
{
content: '';
width: 15.375rem;
height: 2.75rem;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background: transparent url('data:image/svg+xml,') center -0.125rem/contain no-repeat;
}
@media screen and (min-width: 37rem)
{
#SiteBannerWrapper::after
{
width: 36.5625rem;
height: 2.75rem;
background: transparent url('data:image/svg+xml,') center -0.125rem/contain no-repeat;
}
}