.topics-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px}.topics-inner-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.topic-box{font-family:RobotoSlab-regular;font-size:35px;font-weight:400;line-height:36px;max-width:300px;text-align:center;width:25%;width:300px}.topic-box .speaker-link{background-image:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5));font-family:proxima-soft,sans-serif;font-size:24px;font-weight:400;padding:10px 0}.topic-box .topic-name{align-items:center;display:flex;font-weight:400;height:180px;justify-content:center;padding:10px}.topic-box:hover .topic-name{background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5))}.topic-box:hover .topic-name.nohover{background:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))}.topic-box:hover .speaker-link{background-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))}.topic-box:hover .speaker-link.nohover{background-image:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5))}.topic-box.keynote{background-color:#3e51a1;color:#fff}.topic-box.cicd{background-color:#fc0;color:#000}.topic-box.cloud{background-color:#51b1cc;color:#000}.topic-box.dso{background-color:#add64d;color:#000}.topic-box.government{background-color:#422878;color:#fff}.topic-box.cicd a,.topic-box.cloud a,.topic-box.dso a,.topic-box.keynote a{color:#000}.topic-box.all a,.topic-box.government a,.topic-box.sre a,.topic-box.transformation a,.topic-box.workshops a{color:#fff}.topic-box.transformation{background-color:#d93654;background-image:none;color:#fff}.topic-box.sre{background-color:#db00b6;color:#fff}.topic-box.all,.topic-box.workshops{background-color:#e3e8f0;color:#000}.home-topics{background:#8c96a6}.topics-no-links{display:none}.topics-with-links{display:block}.topics-no-links .topic-box:hover .topic-name{background:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))}@media (max-width:1200px){.topic-box .topic-name{font-size:30px}.topic-box .speaker-link{font-size:20px}.topic-box{width:250px}}@media (max-width:1050px){.topics-inner-container{flex-wrap:wrap}.topic-box{max-width:335px;width:335px}}@media (max-width:950px){.topic-box .topic-name{font-size:27px}.topic-box .speaker-link{font-size:18px}}@media (max-width:500px){.topic-box{width:300px}}