#catalogues{background-position:bottom;background-repeat:no-repeat}#catalogues .wrapper{padding:75px 0}#catalogues .wrapper h1{color:#3e3f45;font-size:45px;text-align:center;margin-bottom:33px}#catalogues .wrapper p{color:#979797;padding:0 250px;text-align:center;line-height:1.4;font-size:14px;margin-bottom:40px}#catalogues .wrapper>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-right:-10px;width:-webkit-calc(100% + 10px);width:calc(100% + 10px)}#catalogues .wrapper>ul li{margin-right:10px;margin-bottom:10px;position:relative;width:-webkit-calc(25% - 10px);width:calc(25% - 10px);height:430px;display:block;background-size:contain;background-repeat:no-repeat;background-position:50%;border:1px solid #e3e3e3}#catalogues .wrapper>ul li a.cover{opacity:0;transition:.2s;position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff)),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.56)),to(hsla(0,0%,100%,.56)));background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.56),hsla(0,0%,100%,.56));background:-o-linear-gradient(top,hsla(0,0%,100%,0) 0,#fff 100%),-o-linear-gradient(bottom,hsla(0,0%,100%,.56),hsla(0,0%,100%,.56));background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff),linear-gradient(0deg,hsla(0,0%,100%,.56),hsla(0,0%,100%,.56))}#catalogues .wrapper>ul li a.cover span{background:rgba(44,45,49,.8);border-radius:50px;padding:10px 20px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:10px}#catalogues .wrapper>ul li a.cover span img{margin-right:5px}#catalogues .wrapper>ul li a.cover b{color:#3e3f45;font-size:14px;display:block;text-align:center;line-height:1}#catalogues .wrapper>ul li:hover a.cover{opacity:1}#catalogues .wrapper>ul li:last-of-type{margin-right:0}@media screen and (max-width:1024px){#catalogues .wrapper{padding:40px 0}#catalogues .wrapper h1{font-size:30px;margin-bottom:15px}#catalogues .wrapper p{padding:0}#catalogues .wrapper>ul li{width:-webkit-calc(20% - 10px);width:calc(20% - 10px)}#catalogues .wrapper>ul li a.cover{opacity:1;background:initial;padding:10px 15px}#catalogues .wrapper>ul li a.cover span{margin-bottom:0}#catalogues .wrapper>ul li a.cover b{display:none}}@media screen and (max-width:800px){#catalogues .wrapper>ul li{width:-webkit-calc(25% - 10px);width:calc(25% - 10px)}}@media screen and (max-width:600px){#catalogues .wrapper>ul li{width:-webkit-calc(33.33333% - 10px);width:calc(33.33333% - 10px)}}@media screen and (max-width:500px){#catalogues .wrapper>ul li{width:-webkit-calc(50% - 10px);width:calc(50% - 10px)}}