/* layout.css */
.container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 12px;
}

/* Legacy floats still supported */
.clearfix::after{
  content:"";
  display:block;
  clear:both;
}

/* Article/Aside */
article{ width:710px; float:left; }
aside{ width:289px; float:right; }

/* Responsive layout */
@media (max-width: 1024px){
  article, aside{ float:none; width:100%; }
}

/* Common two-column layouts */
.mbd_left{width:690px;float:left;}
.mbd_right{width:215px;float:left;margin-left:10px;}

.when-to-use{width:685px;float:left;padding:20px 0 0 15px;}
.faq-leftbar{width:685px;float:left;padding:0 0 0 15px;}

@media (max-width:1024px){
  .mbd_left,.mbd_right,.when-to-use,.faq-leftbar{float:none;width:100%;margin-left:0;}
}