.qHeight { background-size: cover; position: relative; }
#categoryView-items { width: 100vw; position: relative; }


.itemContent { max-width: 220px; position: absolute; left: 20px; z-index: 2; }
.itemTitle { font-size: 82.5%; font-family: CalvertMTPro; letter-spacing: 0.5px; margin-bottom: 7px; color: #fff; }
.itemLink { color: #823817; text-decoration: underline; font-size: 60%; font-family: 'AvenirNextLTPro'; }

@media(min-width:992px) {
    .itemContent { top: 21px; }
    .qHeight14 .itemContent { top: auto; bottom: 21px; }
    .qHeight9 .itemContent { top: auto; bottom: 21px; left: auto; right: 20px; }
}

@media(max-width:992px) {

    .itemContent { bottom: 21px; left: 10px; font-size: 80%; }
    .qHeight1 .itemContent,
    .qHeight7 .itemContent,
    .qHeight13 .itemContent { left: auto; right: 20px; text-align: right; }
}

@media(max-width:767px) {
    .itemTitle { margin-bottom: 0; font-size: 63.5%; }
    .itemContent { bottom: 7px; }
    .qHeight1 .itemContent,
    .qHeight7 .itemContent,
    .qHeight13 .itemContent { right: 10px; }
    .qHeight11 .itemContent { right: 10px; left: auto; text-align: right; }
    .qHeight14 .itemContent { bottom: auto; top: 7px; }
    .qHeight8 .itemContent { bottom: auto; top: 30px; }
}