.mmh-horoscopes { max-width: 940px; margin: 0 auto; }
.mmh-sign { padding: 28px 0 0; }
.mmh-sign:first-child { padding-top: 8px; }
.mmh-sign__image { float: left; display: block; width: 170px; height: 130px; margin: 0 20px 12px 0; border: 1px solid #4169e1; object-fit: cover; }
.mmh-sign__title { margin: 6px 0 .7rem 190px; color: #4169e1; font-size: 1.38rem; line-height: 1.2; }
.mmh-sign__dates { margin: -.5rem 0 .75rem; color: #777; font-size: .92rem; }
.mmh-sign__text p { margin: 0 0 .8em; }
.mmh-sign__text p:last-child { margin-bottom: 0; }
.mmh-sign__separator { clear: both; height: 32px; margin-left: 190px; border-bottom: 1px solid rgba(127,127,127,.22); }
.mmh-sign:last-child .mmh-sign__separator { border-bottom: 0; }
.mmh-error, .mmh-unavailable { padding: 12px 14px; border-left: 4px solid #b32121; background: rgba(179,33,33,.06); }
@media (max-width: 560px) {
    .mmh-sign { padding-top: 22px; }
    .mmh-sign__image { width: 120px; height: 92px; margin: 0 14px 8px 0; }
    .mmh-sign__title { margin-left: 134px; font-size: 1.2rem; }
    .mmh-sign__separator { height: 26px; margin-left: 134px; }
}
@media (max-width: 380px) {
    .mmh-sign__image { float: none; width: 170px; max-width: 100%; height: auto; aspect-ratio: 17 / 13; margin: 0 0 14px; }
    .mmh-sign__title { margin-top: 0; margin-left: 0; }
    .mmh-sign__separator { margin-left: 0; }
}