.cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cards__item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem}@media (min-width:40rem){.cards__item{width:50%}}@media (min-width:56rem){.cards__item{width:33.3333%}}.card{background-color:#fff;border-radius:.25rem;-webkit-box-shadow:0 20px 40px -14px rgba(0,0,0,.25);box-shadow:0 20px 40px -14px rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.card:hover .card__image{-webkit-filter:contrast(100%);filter:contrast(100%)}.card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem}.card__image{background-repeat:no-repeat;background-size:cover;border-top-left-radius:.25rem;border-top-right-radius:.25rem;-webkit-filter:contrast(70%);filter:contrast(70%);overflow:hidden;position:relative;-webkit-transition:-webkit-filter .5s cubic-bezier(.43,.41,.22,.91);transition:-webkit-filter .5s cubic-bezier(.43,.41,.22,.91);-o-transition:filter .5s cubic-bezier(.43,.41,.22,.91);transition:filter .5s cubic-bezier(.43,.41,.22,.91);transition:filter .5s cubic-bezier(.43,.41,.22,.91),-webkit-filter .5s cubic-bezier(.43,.41,.22,.91)}.card__image::before{content:"";display:block;padding-top:56.25%}.pagi{text-align:center}.pagi a{display:inline-block;padding:5px;background:#333;margin-right:10px;border-radius:5px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.pagi a:last-child{margin-right:0}.pagi a:hover{background:#444}@media (min-width:40rem){.card__image::before{padding-top:66.6%}}.card__title h2{color:#696969;font-size:1.25rem;font-weight:400}.card__text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;color:#666}.btn{background-color:#fff;border:1px solid #ccc;color:#696969;padding:.5rem;text-transform:uppercase;cursor:pointer;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;text-align:center}.btn:hover{background-color:#333;color:#fff}.btn--block{display:block;width:100%}.text{width:80%;margin:30px auto}.text p{margin-bottom:30px;font-size:16px;line-height:1.6}