body { background-color:#F9FFFF } div.card { margin-top: 1.0em; margin-bottom: 0.5em; } .banner { height: 120px; background-image: url('../images/2017banner.png'); background-repeat: no-repeat; background-position: top right; background-color: #D7D6DD; background-size: cover; } .bottom-align-text { font-family: Georgia, Palatino, serif; height: 120px; display: flex; align-items: flex-end; text-shadow: 1px 1px #ffffff; } .star-rating { white-space: nowrap; color: #FFB300; } .get-rating { padding-right: 10px; } .guest-image { width: 240px; } .adContainer { margin-bottom: 20px !important; } @media (max-width: 767px) { .guest-image { width: 120px; } .adContainer { height: 240px; } .hidden-xs { display: none !important; } .xs-only { display: block; } } @media (min-width: 768px) { div.hidden-xs { display: block; } .xs-only { display: none !important; } } blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; } blockquote p { display: inline; }