.header-img {
    height: 60vh;

}
ul {
    margin: 0;
  }
  ul.dashed {
    list-style-type: none;
  }
  ul.dashed > li {
    text-indent: -5px;
  }
  ul.dashed > li:before {
    content: "-";
    text-indent: -5px;
  }
      #blog .blog-image {
        width: 100%;
        overflow: hidden;
        transition: 1s ease;
  
      }
      #blog .blog-image img {
        width: 50%;
        position: relative;
        margin-left: 25%;
        transition: 1s ease;
  
      }
      .dateblog{
          font-size: 0.8rem;
          margin-bottom: 0.2rem;
          transition: 1s ease;
  
      }
      .subtitleblog{
          color: rgba(204,0,0,1);
          font-size: 0.8rem;
          transition: 1s ease;
          font-family: Karla;
  
      }
      #titleblog{
        font-size: 2rem;
        text-align: center;
      }
  
      .clickbacklink{
        color: blue;
        text-decoration: underline;
        cursor: pointer;
      }
      .fbsharebutton img{
        width: 30px;
        height: 30px;
        
      }
      .fbsharebutton{
        float: right;
        margin-bottom: 30px;
      }
      h3{
        font-size: 1.4rem;
        font-weight:bold;
        text-align: center;
      }