.hover-circle{background-size:cover;background-position:50%;background-repeat:no-repeat;width:250px;height:250px;text-align:center;justify-content:center;align-items:center;display:flex;margin:.5em;border-radius:50%;transition:.25s ease-in-out}.hover-circle.red-background{box-shadow:inset 0 0 0 2000px rgba(191,38,56,.8)}.hover-circle.blue-background{box-shadow:inset 0 0 0 2000px rgba(26,65,117,.8)}.hover-circle .hover-circle-icon{font-size:2.5em;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.hover-circle .hover-circle-icon,.hover-circle .hover-circle-title{color:var(--white);transition:.25s ease-in-out;position:relative;z-index:1;font-family:source-sans-pro,sans-serif;font-weight:700;text-decoration:none}.hover-circle .hover-circle-title{font-size:1.5em}.hover-circle .hover-circle-content{color:var(--white);transition:.25s ease-in-out;font-size:1.1em;position:absolute;z-index:2;max-width:235px;opacity:0;scale:.8}.hover-circle:hover{scale:1.1}.hover-circle:hover:has(.hover-circle-content:not(:empty)) .hover-circle-title{opacity:0;scale:1.1}.hover-circle:hover:has(.hover-circle-content:not(:empty)) .hover-circle-content{opacity:1;scale:1}@media only screen and (max-width:380px){html .mobile-three-column .hover-circle,html .mobile-two-column .hover-circle{width:130px;height:130px;margin:.5em}html .mobile-three-column .hover-circle .hover-circle-title,html .mobile-two-column .hover-circle .hover-circle-title{font-size:1.2em}html .mobile-three-column .hover-circle .hover-circle-content,html .mobile-two-column .hover-circle .hover-circle-content{font-size:.8em;max-width:120px}}@media only screen and (min-width:380px){html .mobile-three-column .hover-circle,html .mobile-two-column .hover-circle{width:165px;height:165px}html .mobile-three-column .hover-circle .hover-circle-title,html .mobile-two-column .hover-circle .hover-circle-title{font-size:1.2em}html .mobile-three-column .hover-circle .hover-circle-content,html .mobile-two-column .hover-circle .hover-circle-content{font-size:.85em;max-width:150px}html .hover-circle .hover-circle-content{font-size:.9em}}@media only screen and (min-width:600px){html .mobile-three-column .hover-circle,html .mobile-two-column .hover-circle{width:250px;height:250px}html .mobile-three-column .hover-circle .hover-circle-title,html .mobile-two-column .hover-circle .hover-circle-title{font-size:1.5em}html .mobile-three-column .hover-circle .hover-circle-content,html .mobile-two-column .hover-circle .hover-circle-content{max-width:230px}}