/******************************************/
/*** SECCION BLOG ***/
.blog {
  background-color: hsl(0, 0%, 97%);
}
  .blog .img-box {
    height: 10rem; width: auto;
      overflow: hidden;

    display: flex;
      justify-content: center;
      align-items: center;
  }
    .blog .img-box img {
      width: 100%;
    }

  .blog a.link {
    color: inherit;
    text-decoration: none;
    transition: .2s;
  }
    .blog a.link:hover {
      box-shadow: 0px 0px 8px 0 hsla(0, 0%, 0%, .4);
      transition: .2s;
    }

  /* FORMATO EXTRACTO */
  .blog .card-text p {
    font-size: .9rem;
      color: grey;
  }
  .blog .card-text a {
    color: hsl(211, 100%, 50%);
      font-size: .9rem;
      transition: .2s;
  }
  /*
    .blog .card-text a:hover {
      background-color: hsl(211, 100%, 50%);
        color: white;
        padding: .2rem 2rem;
        border-radius: 2rem;
        transition: .2s;
    }
  */

  /* boton link blog */
  .blog a.blog-link {
    display: block;
      margin: 0 auto;
      width: 18rem;
        border-radius: 2rem;
  }



  /******************************************************/
  /**** MEDIA QUERIES ****/

  /* Large devices (large desktops, 1200px and down) */
  @media only screen and (max-width: 1200px) {

  }

  /* Medium devices (desktops, 992px and down) */
  @media only screen and (max-width: 992px) {
    .blog h1.mb-5 {
      margin-bottom: 2rem !important;
    }
      .blog a.mt-5 {
        margin-top: 2rem !important;
      }

    .blog .card {
      margin: 1rem 0;
    }
  }

  /* Small devices (tablets, 768px and down) */
  @media only screen and (max-width: 768px) {
    .blog .card {
      margin: .6rem 0;
    }
  }

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


  }