/******************************************/
/*** SECCION EQUIPO ***/
.equipo {
  background-color: hsl(0, 0%, 97%);
}
.equipo .card {
  position: relative;
    width: 20rem;
  margin: 2rem auto;
    border: 1px solid hsl(211, 0%, 90%);
  /*border: none;*/
    /*align-items: center;*/
    /*text-align: center;*/
}
  /* imagen */
  .equipo .img-box {
    position: absolute;
      top: -2rem; left: 1rem;
    width: 4rem; height: 4rem;
    border: 1px solid hsl(211, 90%, 50%);
      border-radius: 100%;
      background-color: white;
      overflow: hidden;

    display: flex;
      justify-content: center;
      align-items: center;
  }
    .equipo .img-box img {
      width: auto !important;
      height: 100% !important;
    }

  /* cuerpo */
  .equipo .card-body {
    position: relative;
    padding-top: 2.4rem;
  }
  .equipo p.card-text {
    font-size: .85rem;
      font-weight: 300;
    margin: 0 !important;
      padding-bottom: .5rem;
  }
    .equipo .card-title {
      margin-bottom: .2rem;
    }
    .equipo .card-text span {
      color: hsl(0, 0%, 20%);
        font-size: .8rem;
    }
      .equipo a {
        position: absolute;
          right: .6rem;
          bottom: .2rem;
      }
      .equipo .fas {
        margin-top: .4rem;
        font-size: 1.1rem;
      }

  /* levi */
  .equipo .levi {
    width: 40rem;
  }



/******************************************************/
/**** MEDIA QUERIES ****/

/* Large devices (large desktops, 1200px and down) */
@media only screen and (max-width: 1200px) {
  .equipo h1.mb-5 {
    margin-bottom: 1.8rem !important;
  }
}

/* Medium devices (desktops, 992px and down) */
@media only screen and (max-width: 992px) {

}

/* Small devices (tablets, 768px and down) */
@media only screen and (max-width: 768px) {
  .equipo h1.mb-5 {
    /*margin-bottom: 1.4rem !important;*/
  }

  .equipo .card {
    width: 24rem;
    margin: 1.4rem auto;
  }
    .card-body h5 {
      font-size: 1.1rem;
    }
}

@media only screen and (max-width: 486px) {
  .equipo .card {
    min-width: 18rem;
    max-width: 100%;
  }

}
