/**
 * 2 column blog article.
 */
/**
 * V2 variables
 */
/**
 * Breakpoints
 */
/**
 * Media queries
 */
/**
 * Font-family
 */
/* Font-family definitions */
/* Font-family definitions */
/* Font-family usage */
/* duo overrides */
/**
 * Font-size
 *
 * The font-size for the html tag is defined as 62.5%.
 * This is equivalent to 10px, assuming a default browser font-size of 16px;
 * Rem values can be derived by taking the pixel value from the design and dividing by 10.
 */
/**
 * Font-weight
 */
/**
 * Letter-spacing
 */
/**
 * Line-height
 */
/**
 * Brand colors
 */
/**
 * Logos
 */
/* Swirl alone */
/* Swirl with IIN only*/
/* Lockup with text SVG noted */
/* Lockup with text and registered SVG noted */
/**
 * Navigation
 */
/**
 * Box Shadow
 */
/**
 * Buttons
 */
/**
 * Promos
 */
.twocol-blog-layout img {
  max-width: 100%;
  height: auto;
}
.twocol-blog-layout .middle {
  padding-bottom: 30px;
}
@media only screen and (min-width: 1366px) {
  .twocol-blog-layout .middle .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1366px) {
  .twocol-blog-layout .middle .leftcol {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1366px) {
  .twocol-blog-layout .middle .rightcol {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 1366px) {
  .twocol-blog-layout .comments .container > div {
    width: 70%;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .twocol-blog-layout .bottom {
    padding-bottom: 30px;
  }
}