.remote-content-container {display:flex; flex-wrap:wrap; margin-top:40px;}

.navigation {margin-bottom:25px;}
.navigation ul {margin:0; padding:0; list-style-type:none;}
.navigation ul > li > a {display:block; padding:10px 15px; background-color:#c8e3fa; color:#1a3145; border-bottom: 1px solid #e9e9e9;}
.navigation ul > li.cur > a,
.navigation ul > li.act > a {color:#0773ab;}
.navigation ul ul {padding-left:0;}
.navigation ul ul li a {color:#888; background-color:#eff0f2;}
.navigation ul ul > li.cur > a {color:#333;}

.content-columns {display:flex; flex-wrap:wrap; width:100%;}
.content-columns .col-pos-0 {width:75%; padding-right:5%;}
.content-columns .col-pos-9 {width:25%;}
.content-columns .col-pos-0 h2 {margin-top:0;}

.col-pos-9 .bg-gray {padding: 30px 21px; background-color: #f5f5f5;}
.col-pos-9 .bg-gray h5 {margin:0; font-size: 25px; font-size: 2.5rem; line-height: 28px; line-height: 2.8rem; font-weight: normal; font-family: RobotoRegular,sans-serif;}

.col-pos-9 .sidebar-frame-image img {width:100%; height:auto;}

@media only screen and (max-width: 1280px) {
  .content-columns .col-pos-0 {padding-right:5%;}
}

@media only screen and (max-width: 1024px) {
  .content-columns .col-pos-0 {width:100%; order:2; padding:0;}
  .content-columns .col-pos-9 {width:100%; order:1; margin-bottom:30px;}
}