Baby

.sub-category-tile { margin-top: 30px; } .sub-category-tile h2 { position: absolute; background-color: #000; font-size: 9px; z-index: 10; color: #ffffff; text-align: center; width: 75%; margin: 0; padding: 6px; line-height: 1em; bottom: 0; text-transform: uppercase; } .sub-category-tile h2:hover{ background-color:#cc0000; } img.desaturate{ -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } @media (min-width: 480px) { .sub-category-tile { margin-top: 30px; } .sub-category-tile h2 { position: absolute; background-color: #000; font-size: 12px; z-index: 10; color: #ffffff; text-align: center; width: 85%; margin: 0; padding: 6px; line-height: 1em; bottom: 0; text-transform: uppercase; } } @media (min-width: 768px) { .sub-category-tile { margin-top: 30px; } .sub-category-tile h2 { position: absolute; background-color: #000; font-size: 12px; z-index: 10; color: #ffffff; text-align: center; width: 84%; margin: 0; padding: 6px; line-height: 1em; bottom: 0; text-transform: uppercase; } } @media(min-width:992px) { .sub-category-tile { margin-top: 30px; } .sub-category-tile h2 { position: absolute; background-color: #000; font-size: 14px; z-index: 10; color: #ffffff; text-align: center; width: 87.777%; margin: 0; padding: 6px; line-height: 1em; bottom: 0; text-transform: uppercase; } } @media(min-width:1200px) { .sub-category-tile h2 { position: absolute; background-color: #000; font-size: 14px; z-index: 10; color: #ffffff; text-align: center; width: 89.9999%; margin: 0; padding: 6px; line-height: 1em; bottom: 0; text-transform: uppercase; } } @media(min-width:1800px) { .sub-category-tile { margin-top: 40px; } .sub-category-tile h2 { position: absolute; background-color: #000; font-size: 18px; z-index: 10; color: #ffffff; text-align: center; width: 93.3333%%; margin: 0; padding: 6px; line-height: 1em; bottom: 0; text-transform: uppercase; } }