.page-header-section{position:relative;padding-top:80px;min-height:480px;background-color:#2b3d87;background-image:url(../assets/recorded-topics-bg.png);background-size:cover;background-position:center 0;display:flex;margin-top:60px}.page-header-section::before{position:absolute;z-index:0;content:'';width:100%;height:55px;bottom:-40px;background-image:url(../assets/recorded-topics-wall-panel.png);background-size:1px 40px;background-repeat:repeat-x}.page-header-section .title-col{display:inline-flex;flex-direction:column;justify-content:center;padding-top:80px}.page-header-section .title-col h1{font-size:46px;line-height:1.2;color:#fff;margin-bottom:0;text-align:center}.page-header-section .title-col h2{font-size:32px;color:#f9c51e;font-family:'Myriad Pro Light';margin-bottom:20px;text-align:center}.page-header-section .title-col h2 span span{color:#eee}.page-header-section .title-col p{font-size:21px;color:#eee;font-family:'Myriad Pro Light'}.page-header-section .sheild-col{position:relative;min-height:200px}.page-header-section .sheild-col img{position:absolute;bottom:-75px;left:50%;transform:translateX(-50%)}.page-body-section .overview-col{margin-bottom:30px;padding-top:20px}.page-body-section .overview-col h3{text-align:center;max-width:640px;margin:0 auto;font-size:28px;color:#b1b2b3}.topics-row{}.topics-row .topic-col{padding:0 10px 20px}.topics-row .topic-col .topic-anchor{display:flex;background-color:rgba(255,255,255,.8);border:solid 2px #fff;border-radius:5px;padding:10px;text-decoration:none;color:#2e3336;align-items:center;box-shadow:rgba(0,0,0,0) 0 0 5px;font-size:17px;line-height:1.2;font-family:'Myriad Pro SemiBold';transition:all ease .3s}.topics-row .topic-col .topic-anchor:hover{background-color:rgba(255,255,255,1);box-shadow:rgba(0,0,0,.15) 0 5px 15px;color:#025b8e;transition:all ease .3s}.topics-row .topic-col .topic-anchor .icon-container{width:70px;height:70px}.topics-row .topic-col .topic-anchor .icon-container img{width:100%;height:100%;object-fit:contain}@media only screen and (min-width:768px){.page-header-section .title-col h1{font-size:51px}.page-header-section .title-col h2{font-size:37px}}@media only screen and (min-width:992px){.page-header-section{margin-top:0}.page-header-section .title-col{padding-top:0}.page-header-section .title-col h1{font-size:56px;text-align:left}.page-header-section .title-col h2{font-size:42px;text-align:left}}@media only screen and (min-width:1200px){.page-header-section .title-col h1{font-size:62px}.page-header-section .title-col h2{font-size:48px}}