body { font-size: 16px; } .events--responsive p { margin-top: 0; } .events--responsive { font-family: 'PT Sans'; /*font-family: Arial;*/ } .events_item { margin-bottom: 30px; } .events__headline { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { .events__headline { align-items: flex-end; flex-direction: row; flex-wrap: wrap; } } .events__date { color: #000; } @media only screen and (min-width: 768px) { .events__date { flex: 0 0 200px; font-size: 22px; } } .events__title { font-size: 22px; text-transform: lowercase; } @media only screen and (min-width: 768px) { .events__title { font-size: 26px; padding-left: 30px; } } .events__link-title { color: #000; text-decoration: none; } .events--responsive a.events__link-title:hover { color: #888; text-decoration: none; } .events__category-wrapper { min-height: 0; margin-bottom: 15px; border-top: 2px solid; } @media only screen and (min-width: 768px) { .events__category-wrapper { flex: 0 0 100%; } } .events__image-wrapper { text-align: center; } @media only screen and (min-width: 768px) { .events__image-wrapper { flex: 0 0 200px; } } .events__image-wrapper img { margin-bottom: 15px; max-width: 100%; height: auto; } .events__text-wrapper { } @media only screen and (min-width: 768px) { .events__text-wrapper { padding-left: 30px; } } .events__text { font-size: 15px; } .events--responsive a.events__link-more { color: #000; font-weight: bold; } .events--responsive a.events__link-more:hover { text-decoration: underline; } .events__content { } @media only screen and (min-width: 768px) { .events__content { display: flex; } } .events__info-wrapper { margin-bottom: 15px; } .events__opening-time { color: #000; text-align: left; font-weight: bold; } @media only screen and (min-width: 768px) { .events__opening-time { display: inline-block; width: 100%; } } .events__separator { color: #000; display: inline; text-align: left; } @media only screen and (min-width: 768px) { .events__separator { display: none; } } .events__location { color: #000; text-align: left; } @media only screen and (min-width: 768px) { .events__location { display: inline-block; width: 100%; } }