.gen-page-header{background-color:#0f77cc;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:45px 0}
.gen-page-title{line-height:1.25;text-align:center;font-family:'robotoslab';font-weight:400;color:#fff;font-size:54px;padding:0 20%}
.gen-main-container{width:100%;overflow:hidden;margin:0 auto;padding:0;display:flex}
.gen-side-rail{background-color:#fdfdfd;padding:50px 30px 40px 100px}
.gen-content-container{box-shadow:-5px 0 10px -3px rgba(0,0,0,0.1);border-radius:2px;padding:0}
.gen-content{padding-right:7%}
.side-rail-category{font-family:'robotoslab';font-weight:700;font-size:25px;color:#1b1b1b}
.side-rail-pages{font-family:'roboto';font-weight:400;font-size:18px;color:#09f}
.side-rail-category dd{line-height:25px;padding-bottom:10px}
.side-rail-pages dd{line-height:18px;padding:7px 0}
.side-rail-separator{border:0;border-bottom:solid 1px rgba(150,150,150,0.34);width:90%;margin:36px 0}
.side-rail-separator:last-child{display:none}
a:hover{font-weight:500}
.side-rail-current-page{text-decoration:underline;font-weight:500;color:red}
.gen-bread-crumb{color:#304857;min-height:25px;margin-bottom:20px;justify-content:center;padding-left:8%;padding-top:50px}
.gen-bread-crumb-title{font-family:'roboto';font-weight:400;font-size:16px;height:20px}
.gen-bread-crumb>a{color:#0f77cc}
.bread-crumb-arrow{text-align:center;margin:0 7px}
@media screen and (max-width:1300px){.side-rail-category{font-size:22px}
.side-rail-pages{font-size:16px}
.side-rail-separator{margin:30px 0}
.gen-side-rail{background-color:#fdfdfd;padding-left:60px}
}
@media screen and (max-width:768px){.gen-page-header{min-height:100px}
.gen-page-title{font-size:36px;padding:0 10%}
.gen-content-container{box-shadow:none}
.gen-content{padding:0}
}
@media screen and (max-width:400px){.gen-page-header{min-height:50px;padding:30px 0}
.gen-page-title{font-size:28px;padding:0 5%}
.gen-bread-crumb{padding-top:25px}
}