article.content > a {
  text-align: justify;
  margin-bottom: 20px;
  display: block; }
  h4.news_title {
    padding: 10px 50px 10px 15px;
    cursor: pointer;
    background-color: #eee;
    transition: 0.5s; }
    h4.news_title:hover {
      padding-left: 30px; }
    h4.news_title:after {
      content: "+";
      top: 10px;
      right: 10px;
      bottom: auto;
      left: auto;
      position: absolute;
      background-color: #0d6fb8;
      color: white;
      padding-left: 5px;
      padding-right: 5px;
      width: 20px;
      text-align: center; }
    h4.news_title.open:after {
      content: "-"; }
  article .news_content {
    padding: 15px 3%;
    border-top: solid 1px #777;
    background-color: #eee;
    zoom: 1;
    display: none; }
    article .news_content:before, article .news_content:after {
      content: "";
      display: block; }
    article .news_content:after {
      clear: both; }

@media only screen and (max-width: 768px) {
  article.content > a {
    margin-bottom: 10px; }
    h4.news_title:hover {
      padding-left: 15px; } }