New (06-2017) Bit-Tech Widescreen fix

BitTechWidescreen.user.css

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("bit-tech.net") {
   .pageContainer {
      /* Set max-width to how wide you'd like the page to be */
      max-width: 90% !important;
      width: 100% !important;
   }

   /*
   Removve ads. Commented out, because ads support the site.
   div.xtag-173, div.xtag-165, div.xtag-169 {
      display: none !important;
   }
   */

   /* Use Flex to line up the main and right columns. */
   div#bodyContainer > div.clearfix {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
   }
   div#main_column {
      width: 100% !important;
      margin-right: 10px;
   }
   
   /* Line up the top features side-by-side on the homepage */
   div#top_features {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      margin-bottom: 10px;
   }
   div#tripleFeatureBlock {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
   }
   div#tripleFeatureBlock div.feature {
      float: none !important;
      margin: auto !important;
   }
   
   /* Set up Flex for the articles list */
   div#articles_list > div.clearfix {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
   }
   /* Pull the feature boxes to the top */
   div#articles_list > div.clearfix > div.feature {
      order: 2;
   }
   div#articles_list > div.clearfix > div.article {
      order: 2;
      width: 49%;
   }
   
   /* Set the article thumbnails to the right width */
   div.article div.image {
      width: 198px !important;
      background-size: cover;
   }
   div.article div.article_info {
      width: calc(100% - 198px);
   }
   
   /* Downsize the top image on articles - 100% is WAY too big. */
   div#top_thumbnail > img {
      max-width: 50% !important;
   }

   /* Put the article text into 2 columns, for easier reading */
   div.articleCopy div#page_body {
      column-count: 2;
   }
   
   
   /* Center images in their columns */
   div.articleCopy div#page_body > p > a[data-isimage] {
      display: flex !important;
      text-align: center;
      align-items: center;
   }

}