.clients__wrapper{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;margin:0 auto}.client{width:100%;max-width:455px;max-height:282px;margin:0 auto 35px;position:relative}@media screen and (min-width:1395px){.client{margin:10px 20px}}@media screen and (min-width:1400px){.client{margin:0}}.client p{outline:2px solid tomato}.client__default-view{position:relative;width:100%;height:100%;padding-top:62%;overflow:hidden;transition:all .3s;font-family:'Source Serif Pro',serif}.client__default-view h4{font-family:'Source Serif Pro',serif}@media screen and (min-width:450px){.client__default-view h4{font-size:48px}}.client__default-view--overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:10;transition:all .3s}.client img{position:absolute;top:0;right:0;bottom:0;left:0}.client h4{color:#fff;position:absolute;top:36%;width:100%;margin:0 auto;z-index:11;transition:all .3s}@media screen and (min-width:690px){.client h4{top:45%}}.client__hover-view{opacity:0;background-color:#ee5f25;color:#fff;transition:all .3s;position:absolute;top:0;right:0;bottom:0;left:0;padding:10px}.client__hover-view p{font-size:12px;position:relative;font-family:'Open Sans',serif;margin-bottom:0;top:15%}@media screen and (min-width:370px){.client__hover-view p{font-size:14px}}@media screen and (min-width:690px){.client__hover-view p{font-size:24px}}@media screen and (min-width:768px){.client__default-view--overlay h4{font-size:48px}.client__hover-view p{top:5%}}.client__hover-view button{font-size:16px;padding:15px 40px;background-color:transparent;border-color:#fff;border-width:2px;position:relative;top:37px}@media screen and (min-width:400px){.client__hover-view button{top:100px}}@media screen and (min-width:690px){.client__hover-view button{top:30px}}.client__hover-view button a{color:#fff}