.main{align-items:center;display:flex;justify-content:center}.custom-content h2{font-size:24px}.custom-content p{font-size:14px;line-height:19px}.main .custom-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:1200px;grid-gap:20px;margin:10px auto}.custom-container .custom-card{background:#fff;border-radius:7px;box-shadow:0 4px 60px rgba(0,0,0,.26);height:450px;margin:0 auto;position:relative;width:350px}.custom-container .custom-card .custom-face{align-items:center;border-radius:5px;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%}.custom-container .custom-card .custom-face.custom-hidden{box-sizing:border-box;padding:20px}.custom-container .custom-card .custom-face.custom-hidden h2{margin:0;padding:0}.custom-container .custom-card .custom-face.custom-front{align-content:center;background:#111;display:grid;grid-template-areas:"icon" "text";grid-template-rows:175px 100px;text-align:center;transition:all .5s ease}.custom-container .custom-card .custom-face.custom-front img{grid-area:icon;margin-top:75px;max-height:161px;max-width:232px;transition:all .5s ease}.custom-container .custom-card .custom-face.custom-front h2{color:#fff;font-size:25px;grid-area:text;line-height:30px;margin-top:53px;text-align:center;text-transform:uppercase;transition:all .5s ease}.custom-container .custom-card:first-child .custom-face.custom-front,.custom-container .custom-card:nth-child(2) .custom-face.custom-front,.custom-container .custom-card:nth-child(3) .custom-face.custom-front,.custom-container .custom-card:nth-child(4) .custom-face.custom-front{background:#1e6d7d}.custom-container .custom-card:hover .custom-face.custom-front{width:0}.custom-container .custom-card .custom-face.custom-front:before{background:hsla(0,0%,100%,.1);content:"";height:100%;left:0;position:absolute;top:0;width:50%}.custom-container .custom-card:hover .custom-face.custom-front img{max-height:0;max-width:0}.custom-container .custom-card:hover .custom-face.custom-front h2{font-size:0}@media screen and (max-width:820px){.custom-container .custom-card{height:400px;padding:0 20px;width:100%}.custom-face.custom-front h2{font-size:2em;grid-area:text}}@media screen and (max-width:480px){.custom-container .custom-card{height:400px;padding:0 20px;width:100%}.custom-face.custom-front h2{font-size:1.5em;grid-area:text}.custom-container .custom-card .custom-face.custom-hidden h2{font-size:1.5em}.custom-container .custom-card .custom-face.custom-hidden p{font-size:.9em}}