.f_outer{width:calc(100% + 5px);min-height:600px;overflow:auto}[class*='feature']{box-sizing:border-box;width:calc(25% - 8px);float:left;height:24vw;min-height:100px;margin-right:8px;margin-bottom:8px;position:relative;text-align:center;background:#f4eaed;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2)}[class*='feature']:hover{cursor:pointer}[class*='feature']:hover .overlay{opacity:0.6;cursor:pointer}[class*='feature']:hover .ovtext{display:block;color:white}[class*='feature'] .ovtext{box-sizing:border-box;font-size:12px;padding-top:2px;line-height:15px;position:absolute;top:0;width:calc(24vw - 5px);color:#113a6f;text-align:center;font-weight:300;z-index:50}[class*='feature'] .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#be0233;transition:all 0.3s linear;opacity:0}[class*='feature'] .image{padding-top:25%;width:100%;height:80%;box-sizing:border-box;margin:0;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[class*='feature'] .image img{max-width:80%;max-height:90%}@media only screen and (min-width: 500px){[class*='feature'] .ovtext{padding-top:4px;font-size:15px;line-height:15px}}@media only screen and (min-width: 890px){[class*='feature'] .ovtext{padding-top:15px;font-size:23px;line-height:24px;padding-left:5px;padding-right:5px}}