.whatsapp-three-col{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;padding:50px 0;width:100%}.whatsapp-three-col h2{color:#fff;font-family:Open Sans Condensed,sans-serif;font-size:25px;font-weight:700;line-height:35px;text-align:center;text-transform:uppercase}.whatsapp-three-col .column-row{display:flex;flex-wrap:nowrap;margin:40px auto 0;max-width:1080px;width:100%}.whatsapp-three-col .column-row .column{flex-basis:33.33333%;text-align:center}.whatsapp-three-col .column-row .column .column-content{text-align:center}.whatsapp-three-col .column-row .column h3{color:#fff;font-family:Open Sans Condensed,sans-serif;font-size:22px;font-weight:700}.whatsapp-three-col .column-row .column a{color:#fff;display:inline-block;font-family:Open Sans Condensed,sans-serif;font-size:18px;font-weight:700;margin-top:6px;position:relative}.whatsapp-three-col .column-row .column a:before{content:url(https://f.hubspotusercontent10.net/hubfs/5122113/Colegio%20Chimalistac/Instalaciones/whatsapp.svg);position:relative;top:5px}.whatsapp-three-col .column-row .column .image{border-radius:200px;height:170px;margin:auto;transition-duration:.3s;width:170px}.whatsapp-three-col .column-row .column .image .front{position:relative}.whatsapp-three-col .column-row .column .image .back{align-items:center;background:#343b69;border-radius:200px;display:flex;flex-direction:column;height:150px;justify-content:center;left:10px;padding:10px;position:absolute;top:10px;transform:rotateY(180deg);width:150px}.whatsapp-three-col .column-row .column:hover .image{transform:rotateY(-180deg)}.whatsapp-three-col .column-row .column .image .back h4{color:#fff;margin-bottom:0}.whatsapp-three-col .column-row .column .image .back p{border-top:1px solid #fff;color:#fff;font-family:Open Sans Condensed,sans-serif;font-size:16px;font-weight:400;margin-top:4px;padding-top:6px}.whatsapp-three-col .column-row .column .image{position:relative}.whatsapp-three-col .column-row .column .image .front{z-index:2}.whatsapp-three-col .column-row .column:hover .back{z-index:3}@media(max-width:767px){.whatsapp-three-col .column-row{flex-direction:column}.whatsapp-three-col .column-row .column{flex-basis:100%;margin-bottom:40px;width:100%}}