.gen_list { max-width: 100%; .list_item { margin-bottom: 5rem; min-height: 25vh; &:hover { .readmore { text-decoration: underline; } } } a { text-decoration: none; } h3 { margin-top: 0rem; } .text > img { width: 64%; } .img-only { height: 40vh; background-size: 100% auto; background-position: top; background-repeat: no-repeat; } .articlemeta { margin-bottom: 1em; &:first-child { font-weight: bold; } } .readmore { margin-top: 1em; text-align: right; } } @media (min-width: 640px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 1280px) { } @media (min-width: 1920px) { }