.services{display:flex;margin-bottom:5%;max-width:100%}.service-block{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:400px;overflow:hidden;position:relative}.service-block:before{background:hsla(0,0%,85%,.6);content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:all .4s ease-out 0s;width:100%}.service-block:hover:before{opacity:0}.service-block>h3{bottom:16px;position:absolute;text-align:center;width:100%}.service-block:hover>h3{visibility:hidden}.service-block .service-more{background:linear-gradient(180deg,rgba(233,255,136,.8),rgba(254,10,183,.8));height:100%;left:0;padding:16px;position:absolute;text-align:center;top:100%;width:100%}.service-block:hover .service-more{top:0}.service-more{opacity:0;transition:all .4s ease-out 0s}.service-block .service-more h3{margin-bottom:16px;margin-top:0}.service-block:hover .service-more{opacity:1}.show-always{height:100px;padding:500px 20px 20px;text-align:center}.show-always:hover .show-hover{opacity:1}.show-always:hover{height:550px;padding-top:50px}.first-service,.first-service:hover,.second-service,.second-service:hover{background-image:url()}@media screen and (max-width:600px){.services{display:inline-block;width:433px}.service-block{width:100%}}