.announcement { background: url("/static/snow.gif"); border: 3px inset black; color: black; min-width: 532px; max-width: 640px; min-height: 148px; } @media screen and (max-width: 800px) { .announcement { margin-top: 10px; background-size: cover; min-width: 354px; min-height: 128px; } } .announcement > h4 { text-align: left; font-weight: bold; font-size: 1.2em; line-height: 1.2em; margin: 18px 22px -16px; padding: 0; } @media screen and (max-width: 800px) { .announcement > h4 { margin: 8px 12px -16px; } } .announcement > p { text-align: left; font-weight: normal; font-size: 1.2em; margin: 18px 22px -16px; } @media screen and (max-width: 800px) { .announcement > p { margin: 14px 12px -12px; font-size: 1em; } } .announcement > p > a { font-size: 0.6em !important; font-family: monospace !important; font-weight: bold !important; } .announcement > p > a:visited { } .announcement-date { float: right; margin: 18px 12px 0 3px; font-size: 0.8em; } @media screen and (max-width: 800px) { .announcement-date { float: none; text-align: left; margin: 14px 12px 0; color: ghostwhite; display: block; font-size: 0.7em; line-height: 0; } }