.hover-circle{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;margin:.5em;transition:all .25s ease-in-out;display:flex}.hover-circle.red-background{box-shadow:inset 0 0 0 2000px #bf2638cc}.hover-circle.blue-background{box-shadow:inset 0 0 0 2000px #1a4175cc}.hover-circle .hover-circle-icon{color:var(--white);z-index:1;margin-block:0;font-family:source-sans-pro,sans-serif;font-size:2.5em;font-weight:700;text-decoration:none;transition:all .25s ease-in-out;position:relative}.hover-circle .hover-circle-title{color:var(--white);z-index:1;font-family:source-sans-pro,sans-serif;font-size:1.5em;font-weight:700;text-decoration:none;transition:all .25s ease-in-out;position:relative}.hover-circle .hover-circle-content{color:var(--white);z-index:2;opacity:0;max-width:235px;font-size:1.1em;transition:all .25s ease-in-out;position:absolute;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-two-column .hover-circle,html .mobile-three-column .hover-circle{width:130px;height:130px;margin:.5em}html .mobile-two-column .hover-circle .hover-circle-title,html .mobile-three-column .hover-circle .hover-circle-title{font-size:1.2em}html .mobile-two-column .hover-circle .hover-circle-content,html .mobile-three-column .hover-circle .hover-circle-content{max-width:115px;font-size:.6em}html .mobile-three-column .hover-circle{width:100px;height:100px}html .mobile-three-column .hover-circle .hover-circle-title{font-size:.7em}html .hover-circle{width:250px;height:250px}html .hover-circle .hover-circle-content{font-size:.9em}}@media only screen and (min-width:380px){html .mobile-two-column .hover-circle,html .mobile-three-column .hover-circle{width:165px;height:165px}html .mobile-two-column .hover-circle .hover-circle-title,html .mobile-three-column .hover-circle .hover-circle-title{font-size:1.2em}html .mobile-two-column .hover-circle .hover-circle-content,html .mobile-three-column .hover-circle .hover-circle-content{max-width:140px;font-size:.65em}html .mobile-three-column .hover-circle{width:110px;height:110px}html .mobile-three-column .hover-circle .hover-circle-title{font-size:.8em}html .hover-circle{width:250px;height:250px}html .hover-circle .hover-circle-content{font-size:.9em}}@media only screen and (min-width:600px){html .mobile-two-column .hover-circle,html .mobile-three-column .hover-circle{width:250px;height:250px}html .mobile-two-column .hover-circle .hover-circle-title,html .mobile-three-column .hover-circle .hover-circle-title{font-size:1.5em}html .mobile-two-column .hover-circle .hover-circle-content,html .mobile-three-column .hover-circle .hover-circle-content{max-width:230px;font-size:.9em}html .mobile-three-column .hover-circle{width:175px;height:175px}html .mobile-three-column .hover-circle .hover-circle-title{font-size:1.1em}html .hover-circle .hover-circle-content{font-size:1em}}@media only screen and (min-width:1000px){html .mobile-two-column .hover-circle,html .mobile-three-column .hover-circle{width:250px;height:250px}}