.story { width: 100%; padding-bottom: 15px; border: 1px solid #ccc; float: left; margin: 20px 14px 0 0; -webkit-box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.84); -moz-box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.84); box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.84); } .blurb { min-height: 100px; font-size: 13px; } .featureIMG { border-bottom: 6px solid #fcc84f; } .storyFeatIMG { width: 100%; } .status { padding: 5px 9px 5px 9px; position: absolute; margin: -18px 0 0 -5px; font-weight: bold; width: 105px; text-align: center; border-radius: 2px; background: rgba(252,200,79,1); background: -moz-linear-gradient(top, rgba(252,200,79,1) 0%, rgba(238,179,17,1) 60%, rgba(235,172,36,1) 82%, rgba(219,154,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,200,79,1)), color-stop(60%, rgba(238,179,17,1)), color-stop(82%, rgba(235,172,36,1)), color-stop(100%, rgba(219,154,0,1))); background: -webkit-linear-gradient(top, rgba(252,200,79,1) 0%, rgba(238,179,17,1) 60%, rgba(235,172,36,1) 82%, rgba(219,154,0,1) 100%); background: -o-linear-gradient(top, rgba(252,200,79,1) 0%, rgba(238,179,17,1) 60%, rgba(235,172,36,1) 82%, rgba(219,154,0,1) 100%); background: -ms-linear-gradient(top, rgba(252,200,79,1) 0%, rgba(238,179,17,1) 60%, rgba(235,172,36,1) 82%, rgba(219,154,0,1) 100%); background: linear-gradient(to bottom, rgba(252,200,79,1) 0%, rgba(238,179,17,1) 60%, rgba(235,172,36,1) 82%, rgba(219,154,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc84f', endColorstr='#db9a00', GradientType=0 ); color: #333; text-shadow: 0px 1px 0px rgba(255,255,255,.5); /* 50% white from bottom */ } .storyContent { padding: 24px 10px 20px 10px; font-size:16px; background: #fff; height: 185px; } .storyContent h2 { font-size:20px; } button { color: #fff; padding: 4px; background: #3d316a; border-radius: 4px; border-top: 1px solid #3d316a; border-bottom: 1px solid #3d316a; border-left: 1px solid #3d316a; border-right: 1px solid #3d316a; float: right; font-weight: 400; } button:hover { color: #fff; } @media (max-width:767px) { .storyFeatIMG { width: auto; display: block; margin-right: auto; margin-left: auto; } }