h2 { text-align: center; margin-bottom: 40px; }

.flip-card { cursor: pointer; height: 160px; margin-bottom: 15px; perspective: 1000px; position: relative; z-index: 1; }

.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }

.flip-card .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.3s; transform-style: preserve-3d; }

.flip-card .flip-card-inner .flip-card-front { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 20px; padding: 15px; background-color: #FFFFFF; }

.flip-card .flip-card-inner .flip-card-front .logo-image { margin: 0px auto 10px auto; display: table; height: 86px; }

.flip-card .flip-card-inner .flip-card-front .logo-image .logo-image-align { display: table-cell; vertical-align: middle; }

.flip-card .flip-card-inner .flip-card-front .logo-image .logo-image-align img { display: block; max-height: 80px; margin: 0px auto; }

.flip-card .flip-card-inner .flip-card-front .schoolname-align { height: 40px; display: table; width: 100%; }

.flip-card .flip-card-inner .flip-card-front .schoolname-align span { display: table-cell; vertical-align: top; color: #383838; font-size: 0.8rem; text-align: center; line-height: 130%; }

.flip-card .flip-card-inner .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 20px; transform: rotateY(180deg); /*display:table;*/ padding: 15px; /*height: 160px;*/ display: flex; justify-content: center; flex-direction: column; align-items: center; background-color: #FFFFFF; }

.flip-card .flip-card-inner .flip-card-back ul { margin-left: 0px; margin-bottom: 0px; list-style-type: none; /*display:table-cell; vertical-align: middle;*/ }

.flip-card .flip-card-inner .flip-card-back ul li { float: left; background-color: #302854; color: #FFFFFF; font-size: 0.8rem; font-weight: 500; border-radius: 20px; margin-right: 3px; margin-bottom: 3px; padding: 1px 4px; }

.flip-card .flip-card-inner .flip-card-back ul li:last-of-type { margin-right: 0px; margin-bottom: 0px; }

@media (max-width: 575px) { .flip-card .flip-card-inner .flip-card-back ul li { font-size: 0.6rem; padding: 0px 4px; } }