.container{margin:30px 0}.flip-card-back p{font-size:12px;overflow-wrap:break-word;padding:10px}.leaf{height:20px;margin-left:auto;margin-right:auto;width:20px}.flip-card{background-color:transparent;font-family:sans-serif;height:180px;padding:5px;-webkit-perspective:1000px;perspective:1000px;width:180px}.title{font-size:.5rem;font-weight:300;margin:0;text-align:center}.flip-card-inner{height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.flip-card:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #fff;border-radius:.5rem;-webkit-box-shadow:0 8px 14px 0 rgba(0,0,0,.2);box-shadow:0 8px 14px 0 rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.flip-card-front{background:linear-gradient(120deg,#fff,#008a2a 43%,#008a2a);color:#fff}.flip-card-back{background:#fff;background:linear-gradient(120deg,hsla(0,0%,100%,.1),rgba(0,138,42,.785) 25%,#008a2a);color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media screen and (max-width:1600px) and (min-width:1500px){.flip-card-back p{font-size:.8rem;overflow-wrap:break-word;padding:10px}}@media only screen and (max-width:400px){.container{display:grid!important;flex-direction:column!important;margin:30px}.flip-card{background-color:transparent;font-family:sans-serif;height:200px;padding:5px;-webkit-perspective:1000px;perspective:1000px;width:200px}.title{font-size:1.5em;font-weight:900;margin:0;text-align:center}}