.sub-feature-claris { background: linear-gradient(130deg, rgb(66, 64, 64) 0%, rgb(10, 10, 10) 100%); text-align:center; max-height: 0; overflow: hidden; transition: max-height 2s ease-out; }
.sub-feature-claris.height-auto { max-height: 500px; }
.sub-feature-claris a, .sub-feature-claris p { color:#FFF; }
.sub-feature-claris .img.img-claris { background: url(/home/sub-features/2019/claris/images/logo_claris.png) no-repeat 50% 50%; height: 54px; width: 175px; background-size: 175px 54px; margin: 0 auto 10px; }
.sub-feature-claris .headline-text { font-size: 26px; }
.sub-feature-claris .btn { border: 1px solid #ffffff; margin-top: 10px; }
.sub-feature-claris .btn:hover { color: #006ece; background: #ffffff; }


/* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */
@media only screen and (max-width: 1068px) {
	.sub-feature-claris.hide-banner{ display: none; height: 0; }
}

/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	.sub-feature-claris .headline-text { line-height: 32px; }
}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
 .sub-feature-claris .img.img-claris { background-image: url(/home/sub-features/2019/claris/images/logo_claris_2x.png); }
}