.header-politics {
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    z-index: 1000;
    border-bottom: solid 2px #ffffff;
  }

  
  .menu-toggle {
    background: none;
    color: white;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    display: block;
  }


  .article-politics {
width: 100%; 
height: 100%; 
display: flex; 
flex-direction: row; 
align-items: space-between;
  }

  .nav-pc {
    display: flex;
    flex-direction: column;
    width: 250px;
    height: 100vh;
    border-right: solid 2px #ffffff;
    padding: 20px;
        overflow-y: auto;
   -webkit-overflow-scrolling: touch; 
   max-height: calc(100vh - 60px);
  }

  .nav-pc a {
    color: white;
    text-decoration: none;
    margin-bottom: 15px;
  }

  .show-md {
    flex-grow: 1;
    padding: 20px;
    overflow-y: auto;
   -webkit-overflow-scrolling: touch; 
   max-height: calc(100vh - 60px);
  }

  .nav-mobile-politics {
    overflow-y: auto;
   -webkit-overflow-scrolling: touch; 
   max-height: calc(100vh - 60px);
  }

  @media screen and (min-width: 769px) {

    .menu-toggle {
      display: none;
    }
    .nav-pc {
      display: flex;
    }


  }


    @media screen and (max-width: 769px) {

    .nav-pc {
      display: none;
    }


  }