.mp {
  padding: 40px 0 0;
  background-color: #F4F4F4; }
  @media (min-width: 768px) {
    .mp {
      padding-left: 14px;
      padding-right: 14px; } }
  .mp a {
    color: #001641;
    text-decoration: none; }
    .mp a:hover {
      color: #02102c; }
  .mp__logo {
    display: inline-block;
    height: 24px; }
    .mp__logo-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20px;
      padding-bottom: 16px; }
  @media (min-width: 768px) {
    .mp__wrap {
      display: flex; } }
  @media (min-width: 768px) {
    .mp__articles-list {
      padding-left: 12px; } }
  .mp__main-title {
    display: inline-block;
    padding-bottom: 16px;
    font-size: 24px;
    font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #001641; }
    @media (min-width: 1200px) {
      .mp__main-title {
        padding-bottom: 24px; } }
  .mp__main-article {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 24px; }
    @media (min-width: 768px) {
      .mp__main-article {
        min-width: 345px;
        align-items: flex-start; } }
    @media (min-width: 1200px) {
      .mp__main-article {
        min-width: 590px;
        width: 50%; } }
    .mp__main-article-img {
      max-width: 100%;
      margin-bottom: 12px; }
      @media (min-width: 768px) {
        .mp__main-article-img {
          margin-bottom: 8px; } }
    .mp__main-article-title {
      font-family: "TV Sans Screen", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: 800; }
      @media (min-width: 1200px) {
        .mp__main-article-title {
          font-size: 24px; } }
  .mp__article {
    display: flex;
    align-items: center;
    padding-bottom: 16px; }
    .mp__article-img {
      display: inline-block;
      max-width: 100px; }
      @media (min-width: 1200px) {
        .mp__article-img {
          width: 100px;
          max-width: initial; } }
      @media (min-width: 1200px) {
        .mp__article-img {
          width: 180px; } }
      .mp__article-img-wrap {
        display: inline-flex;
        align-items: center; }
    .mp__article-title {
      display: inline-block;
      padding-left: 16px;
      font-family: "SourceSansPro-Regular", sans-serif;
      font-size: 16px; }
      @media (min-width: 1200px) {
        .mp__article-title {
          font-size: 18px; } }
  .mp__topics-title {
    font-family: "SourceSansPro-Regular", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #001641;
    margin-bottom: 4px;
    display: block; }
  .mp__topics-list {
    padding: 0;
    margin: 0; }
  .mp__topics li {
    display: inline-block;
    padding: 0;
    margin: 4px 8px 4px 0; }
    .mp__topics li:last-child {
      margin-right: 0; }
    .mp__topics li a {
      display: inline-flex;
      color: #ffffff;
      font-size: 16px;
      font-family: "SourceSansPro-Regular", sans-serif;
      text-decoration: none;
      cursor: pointer;
      padding: 6px 16px;
      border-radius: 16px;
      background-color: #001641; }
      .mp__topics li a:hover {
        color: #F4F4F4;
        text-decoration: underline; }
  .mp__social {
    display: flex;
    align-items: center;
    justify-content: end; }
    .mp__social-text {
      font-family: "SourceSansPro-Regular", sans-serif;
      font-size: 16px;
      color: #6f6f6f;
      display: none; }
      @media (min-width: 480px) {
        .mp__social-text {
          display: inline-block; } }
    .mp__social-list {
      display: flex;
      justify-content: center;
      padding: 0;
      margin: 0; }
      .mp__social-list-item {
        margin-left: 8px;
        display: inline-flex;
        justify-content: center;
        align-items: center; }
        .mp__social-list-item a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          cursor: pointer;
          width: 34px;
          height: 34px;
          border-radius: 100%;
          background-color: #0E41A4; }
          .mp__social-list-item a:hover {
            color: #F4F4F4;
            background-color: #092c6e; }
        .mp__social-list-item svg {
          height: 16px;
          width: 16px;
          fill: #ffffff; }
  .mp__hr {
    margin: 0 auto;
    padding-top: 24px;
    border: 0;
    border-bottom: 1px solid #E0E0E0;
    background-color: #F4F4F4; }
    @media (min-width: 768px) {
      .mp__hr {
        padding-top: 40px; } }
    @media (min-width: 1200px) {
      .mp__hr {
        max-width: 1136px; } }