.jp-offers-link { margin:2em 0; text-align:center; } .jp-offers-link img { width:auto; height:1.2em; vertical-align:middle; } .jp-offers-offer { font-size:120%; display:flex; justify-content:space-between; margin:1em 0; padding:1em; border:2px solid #eee; border-radius:5px; } .jp-offers-offer:hover { background:#f9f9f9; border-color:#ddd; } .jp-offers-offer-name { flex-grow:1; flex-basis:40%; font-weight:700; padding-right:1em; } .jp-offers-offer-city { flex-basis:30%; color:#333; } .jp-offers-offer-type { flex-basis:20%; color:#666; } @media only screen and (max-width : 599px) { .jp-offers-offer { flex-wrap:wrap; } .jp-offers-offer-name { flex-basis:100%; padding-bottom:.33em; } .jp-offers-offer-city { flex-basis:60%; } .jp-offers-offer-type { flex-basis:35%; } }