ul.adopt-list{margin:0;list-style-type:none;font-size:0;overflow:hidden}ul.adopt-list li{display:inline-block;width:20%;position:relative;padding-top:20%}ul.adopt-list *,ul.adopt-list *:before,ul.adopt-list *:after{transition:.5s ease}ul.adopt-list li a{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}ul.adopt-list li a:before{content:'';width:100%;height:100%;background-color:transparent;position:absolute;top:0;left:0;z-index:2}ul.adopt-list li a:hover:before{background-color:rgba(0,0,0,.45)}ul.adopt-list li a .img{width:100%;height:100%;background-size:cover;background-position:50%;filter:saturate(1.1);position:absolute;z-index:1}ul.adopt-list li a:hover .img{filter:saturate(1.6)}ul.adopt-list li a h2{color:white;margin:0 auto;text-align:center;transform:translateY(25px);opacity:0;transition:.5s 0s ease;text-transform:uppercase;z-index:3;font-size:40px;line-height:40px}ul.adopt-list li a:hover h2{color:white;top:50%;transform:translateY(0px);opacity:1;transition:.5s .6s ease}ul.adopt-list li a .title{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:9;padding:15px}ul.adopt-list li a p{text-transform:uppercase;font-weight:600;text-align:center;color:white;opacity:0;transform:translateY(-25px)}ul.adopt-list li a:hover p{text-transform:uppercase;font-weight:600;text-align:center;color:white;opacity:1;transform:translateY(0px);transition:.5s .2s ease}ul.adopt-list li a .paw{position:absolute;width:100%;height:100%;transform:scale(2) rotate(45deg);opacity:0;transition:.5s ease;position:absolute;z-index:2}ul.adopt-list li a:hover .paw{position:absolute;width:100%;height:100%;transform:scale(1.5) rotate(15deg);opacity:.85}.wwf-form.light{background-color:whitesmoke;padding:1em;border-radius:3px}@media only screen and (max-width:64em){ul.adopt-list li{width:25%;padding-top:25%}ul.adopt-list li:last-child{width:25%;padding-top:25%;left:0}ul.adopt-list li a h2{font-size:34px;line-height:36px}}@media only screen and (max-width:40em){ul.adopt-list li{width:50%;padding-top:50%}ul.adopt-list li:last-child{width:50%;padding-top:50%;left:0}ul.adopt-list li:nth-child(odd){position:relative}}