@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
}


/* Float four columns side by side */
.column {
  float: left;
  width: 25%;
  padding: 0 20px;
    margin-top: 20px;
}
.columnequipo {
  float: left;
  width: 33.333%;
  padding: 0 20px;
    margin-top: 20px;
}

/* Remove extra left and right margins, due to padding in columns */
.row {margin: 0px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the counter cards */
.card {
  border: 1px solid #C68977;
  padding: 15px;
  text-align: center;
 border-radius: 0px;
     display: flex;
  flex-direction: column;
    background: transparent;
    cursor: pointer;

  
}
.cardequipo {
  border: 1px solid #C68977;
  padding: 15px;
  text-align: center;
 border-radius: 0px;
     display: flex;
  flex-direction: column;
    background: transparent;


  
}
.card:hover {
  border: 1px solid #565071;
  padding: 15px;
  text-align: center;
 border-radius: 0px;
     display: flex;
  flex-direction: column;

  
}

.talento_container {
    display:table;
    height:auto;
    width:100%;
    margin:0 auto;   
    text-align:center;

}
.equipo_container {
    display:table;
    height:auto;
    width:100%;
    margin:0 auto;   
    text-align:center;

}

.talento {
    display:table-cell;
    vertical-align:middle;
    text-align: center;
    
}
.equipo {
    display:table-cell;
    vertical-align:middle;
    text-align: center;
    
}
.talento img {
width:95%;
    max-width:232px;
    border-radius: 50%;
}

.equipo img {
width:50%;
    max-width:200px;
    border-radius: 50%;
}

.equipo_bio {
width:100%;
    height: 170px;
     font-family: 'MontRegular';
    font-size: 13px;
    color:#2C2647;
    text-align: left;
    line-height: 18px;
    padding: 20px;
    position: relative;
    top: 0px;
    left: 0px;

}




/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {
    .equipo_bio {
width:100%;
    height: auto;


}
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
      margin: 0px;
  }
      .columnequipo {
    width: 100%;
    display: block;
    margin-bottom: 20px;
      margin: 0px;
  }
    .talento img {
    max-width:180px;
  
}
        .equipo img {
    max-width:100px;
  
}
    .card{
    margin-left:40px;
  margin-right:40px;
        margin-bottom:30px;
}
        .cardequipo{
    margin-left:40px;
  margin-right:40px;
        margin-bottom:30px;
            padding: 10px;
}
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .column {
    width: 50%;
    display: block;
    margin-bottom: 20px;
  }
      .columnequipo {
    width: 50%;
    display: block;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 801px) and (max-width: 1000px) {
  .column {
    width: 33.333%;
    display: block;
    margin-bottom: 20px;
  }
      .columnequipo {
    width: 33.333%;
    display: block;
    margin-bottom: 20px;
  }
}