.announcements p.title { display:block; border-top: 1px #cacaca solid; padding-top: 15px; font-size: 21px; font-weight:bold; margin: 0 0 10px 0; color:black; }
.announcements p.teaser { font-size: 16px; font-weight:normal; margin: 0 0 25px 0; color:#666666;}

.announcements p.teaser a { font-weight:bold;}


/* --- details page announcemnt --- */


.announcement img { max-width: 40%; float:right; margin: 0 0 25px 25px }

.announcement p.teaser { font-size: 23px; border-top: 1px #cacaca solid; border-bottom: 1px #cacaca solid; padding: 20px 0; }
.announcement .view-all { text-align:left; clear:both; margin-top: 30px; font-size: 20px; text-transform:uppercase; }
.announcement .view-all a { display: inline-block; color:white; padding: 8px 30px; border-radius: 0 10px 0 10px; }
.announcement .view-all a:hover { text-decoration:none; }

.pink-bg  { background-color:#ad005b; }
.pink-cl  { color:#ad005b; }


@media only screen and (max-width: 600px) 
{
.announcement img { max-width: 100%; width: 100%; float:none; margin: 20px 0px; }
}