#flip-cards{display:flex;flex-direction:row;gap:10px;justify-content:center;max-width:1024px;margin:0 auto}#flip-cards .flip-card{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;width:120px;height:120px;background-color:transparent;-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;overflow:hidden}#flip-cards .flip-card p{background-color:#e9ebef;margin:10px 0 0;padding:5px;font-size:11px;font-weight:700;text-align:center;line-height:1.2em;text-align:center;box-sizing:border-box}#flip-cards .flip-card .flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}#flip-cards .flip-card .flip-card-front{background-color:#dbe4f1}#flip-cards .flip-card .flip-card-front,#flip-cards .flip-card .flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}#flip-cards .flip-card .flip-card-front div:nth-child(1){display:flex;align-items:center;justify-content:center;background-color:#dbe4f1;height:65%}#flip-cards .flip-card .flip-card-front div:nth-child(2){display:flex;align-items:center;justify-content:center;background-color:#5a6d8e;bottom:0;position:absolute;width:100%;height:35%;margin:0}#flip-cards .flip-card .flip-card-front div:nth-child(2) p{text-transform:uppercase;font-size:12px;background-color:transparent;margin:0;color:#fff}#flip-cards .flip-card .flip-card-front div img{margin-top:0;max-width:60px}#flip-cards .flip-card .flip-card-back{background-color:#e9ebef;transform:rotateY(180deg)}#flip-cards .flip-card .flip-card-back p{font-size:13px;font-weight:400}#flip-cards .flip-card .flip-card-back h3{background-image:none;font-size:11px;line-height:1.2em;font-weight:700;padding:5px 5px 0;margin:5px 0 0;text-transform:uppercase;height:30%;box-sizing:border-box}#flip-cards .flip-card .flip-card-back div{height:70%;box-sizing:border-box;display:flex;align-items:center}#flip-cards .flip-card .flip-card-back div p{margin-top:0;font-size:11px}@media only screen and (max-width:860px){#flip-cards .flip-card .flip-card-front div:nth-child(2) p{font-size:11px}#flip-cards .flip-card .flip-card-front div:nth-child(1){height:60%}#flip-cards .flip-card .flip-card-front div:nth-child(2){height:40%}}@media only screen and (max-width:768px){#flip-cards .flip-card .flip-card-front p,#flip-cards .flip-card .flip-card-back h3{font-size:11px}#flip-cards .flip-card .flip-card-back p{font-size:12px;margin-top:0}}@media only screen and (max-width:660px){#flip-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:5px;grid-row-gap:5px}#flip-cards .flip-card{width:100%}#flip-cards .flip-card .flip-card-front div:nth-child(1){height:65%}#flip-cards .flip-card .flip-card-front div:nth-child(2){height:35%}}