.chapter-nav{position:sticky;top:0;right:0em;max-width: 300px;float: right;}
.chapter-nav ul li,
.chapter-nav ul li a{}
.chapter-nav ul{display: inline-block;}
.chapter-nav ul li a{background:#99d8ff;border-radius:30px;padding:1em 1em 1em!important;text-align:center;color:#0d0a58;font-size:.8em;z-index:4;line-height:1;max-width:160px;position:relative;display:block}
.chapter-nav ul li a.nav-link.active{background: #0d0a58;color: #fff;}
.chapter-nav ul li+li{margin-top:0.8em}
.chapter-nav ul li a:before{content:"";height:0.9em;width:1px;position:absolute;top:-12px;right:2.4em;z-index:2;display:block;border-right:3px dotted #d9d9d9;z-index: 2;}
.chapter-nav ul li a.longtext{padding:.6em 1em .3em}
.chapter-nav ul li a:hover{background:#84c8f3;text-decoration:none;color: #0d0a58;}

nav.navbar-fixed{position: fixed;top:0;left: 0;width: 100%;z-index: 22;background: #fff;}

.blue>li::before,.yellow>li::before{content:"";display:inline-block;width:1em;margin-left:-1em;font-size:1.4em;line-height:0}@media (min-width:1200px){.right-space{padding-right:9em}}dl.blue strong,ol.blue strong,ul.blue strong{color:#0067c4}dl.blue,dl.yellow,ol.blue,ol.yellow,ul.blue,ul.yellow{list-style:none}.yellow>li::before{color:#ffd400}.blue>li::before{color:#0067c4}dl.yellow strong,ol.yellow strong,ul.yellow strong{color:#ffd400}.container.text-cont h1{font-size:2em}@media (min-width:768px){.container.text-cont h1{font-size:2.6em}}@media (min-width:1200px){.container.text-cont h1{font-size:3em}}.heading-lg h1{font-size:2em}@media (min-width:768px){.heading-lg h1{font-size:2.4em}}@media (min-width:992px){.right-space{padding-right:10em}.container.branding{position:absolute;top:30px;left:50%;width:100%;transform:translate(-50%,0)}.container.text-cont{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}.heading-lg h1{font-size:3em}}img.var-width{width:140px;height:auto}@media (min-width:768px){img.var-width{width:180px;height:auto}}img.skills-popout{margin-right:-37px;margin-top:-12px;max-width:160px}@media (min-width:992px){img.var-width{width:270px;height:auto}img.skills-popout{margin-right:-84px;margin-top:-20px;max-width:360px}}img.earnings{max-width:300px;margin:20px auto;width:100%;height:auto}@media (min-width:768px){img.earnings{max-width:400px;margin:0 0 15px 30px;width:50%;height:auto}}section.banner .overlay{background-color:rgba(8,95,173,.83);position:absolute;top:0;left:0;width:100%}@media (min-width:768px){section.banner .overlay{background-color:rgba(8,95,173,.83);position:absolute;top:0;left:0;width:50%}}section.banner .heading-lg{width:100%;z-index:3;position:relative}h1.display-title{font-size:1.8em}@media (min-width:576px){h1.display-title{font-size:2em}}@media (min-width:768px){section.banner .heading-lg{max-width:440px;width:50%}h1.display-title{font-size:2.4em}}section{overflow:hidden}

@media (min-width:992px){
    h1.display-title{font-size:2.6em}
}
@media (min-width:1200px){
    .chapter-nav{position:sticky;top:1em;right:0.8em;}
    h1.display-title{font-size:2.8em}
}
@media (min-width:1300px){
    .right-space{padding-right:7em}
}
@media (min-width:1400px){
    .right-space{padding-right:4em}
}
@media (min-width:1500px){
    .right-space{padding-right:0em}
}