.feature-container{margin:0 auto}.feature-section{color:#fff;font-size:12px;font-weight:700;left:0;padding:5px 10px;position:absolute}.feature{border-radius:5px;float:left;height:110px;margin:10px;overflow:hidden;padding:10px;position:relative;width:calc(20% - 20px)}.feature:hover{height:240px}.feature h1{color:#31475b;font-size:16px;line-height:1.2em;text-align:center}.feature:hover>h1{margin-top:5px}.feature>img{display:block;height:50px;margin:0 auto;width:50px}.feature:hover>img{height:0;width:0}.feature>p.feature-description{font-size:12px;height:0;line-height:1em;margin:0;overflow:hidden}.feature:hover>p.feature-description{height:fit-content}.reporting .feature-section,.reviews .feature-section{background:#036595}.surveys .feature-section{background:#71c1d4}.extras .feature-section{background:#7dc691}.all .feature-section{background:#00a0dc}.reporting,.reviews{border:1px solid #036595}.surveys{border:1px solid #71c1d4}.extras{border:1px solid #7dc691}.all{border:1px solid #00a0dc}@media only screen and (max-width:1141px){.feature{width:calc(33% - 40px)}}@media only screen and (max-width:768px){.feature{width:calc(50% - 40px)}}@media only screen and (max-width:485px){.feature{width:calc(100% - 40px)}}