/*------------------------------------------------------------ news list*/

.news-list{
  width: 750px;
  margin: 0 auto;
}
.news-list time{
  margin-right: 22px;
  color: #2c87a8;
}
.news-list a{
  color: #333;
  padding: 5px 0;
  border-bottom: 1px solid #e1e1e1;
  transition: .5s;
}
.news-list h3{
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: normal;
}
.news-list a:hover h3{
  color: rgb(70, 182, 176);
  transition: .5s;
}

.news-list a>div{
  display: flex;
  align-items: center;
  padding: 10px 0 0px;
}

.navigation.pagination{
  width: 750px;
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
}

.nav-links{
   display: flex;
   gap: 8px;
}

.page-numbers{
  padding: 0 5px;
}

/*---------------------------------------------------------------
1024px
----------------------------------------------------------------*/
@media screen and (max-width: 1024px) { 
  div.news.contents-container{
    width:100%;
  }
  .news-list{
    width: 100%;
  }
}