@media screen and (min-width:0px){
  .information_title h1 {
    text-align: center;
    color: #999999;
    font-size: 2.6rem;
    padding-top: 8vh;
    padding-bottom: 0;
    font-weight: bold;
  }
  .articles {
  padding-top:4vh;
  padding-bottom:4vh;
  }
  .info_article {
    padding-top:3vh;
    padding-bottom:3vh;
    width:84%;
    margin-right: auto;
    margin-left: auto;
    font-size:1.4rem;
    border-bottom: solid 1px #C5C5C5;
  }
  .info_article div {
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .pagenation {
    text-align: center;
    font-size:1.6rem;
    color:#2d2d2d;
    letter-spacing: 3px;
  }

}

@media screen and (min-width:768px){
  .information_title h1 {
    padding-top: 16vh;

  }
.articles {
padding-left:10vw;
padding-right:10vw;
}
.info_article {
  width:70%;
}
.info_article div {
  padding-left: 0;
  padding-right: 0;
}

}