.perfil {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  margin-bottom: 105px;
  height: 200px;
  text-align: center; }
  .perfil img {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-top: 100px;
    width: 200px;
    height: 200px;
    border-radius: 50%; }

.info {
  background-color: #ddd;
  padding: 10px;
  text-align: center; }
  .info .title {
    color: #666;
    font-size: 18px; }
  .info p {
    font-size: 14px; }
    .info p a {
      text-decoration: none;
      color: black; }
  .info .checked {
    color: orange; }
  .info a {
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
    border: 1px solid white;
    color: white; }
  .info button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 20px;
    color: white;
    background-color: #000;
    cursor: pointer;
    font-size: 18px;
    margin: auto; }
  .info button:hover,
  .info a:hover {
    opacity: 0.7; }

.column {
  float: left;
  width: 25%;
  margin-bottom: 16px;
  padding: 0 8px; }

@media screen and (max-width: 700px) {
  .column {
    width: 50%;
    display: block; } }

@media screen and (max-width: 400px) {
  .column {
    width: 100%; } }

.card {
  -webkit-box-shadow: 0 4px 8px 0 black;
  box-shadow: 0 4px 8px 0 black;
  min-height: 300px;
  background-color: #fff; }
  .card img {
    max-height: 150px;
    min-width: 100%; }

.container {
  padding: 10px;
  overflow: hidden; }
  .container .title {
    display: inline-block;
    color: #aaa; }
  .container h2 {
    font-size: 14px; }
  .container p {
    font-size: 10px; }

#btnlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: pink; }
  #btnlink a {
    text-decoration: none;
    width: 100%;
    padding: 5px 0;
    color: white;
    text-align: center;
    cursor: pointer; }
    #btnlink a:hover {
      opacity: .5; }
    #btnlink a:nth-child(1) {
      background-color: limegreen; }
    #btnlink a:nth-child(2) {
      background-color: orange; }
    #btnlink a:nth-child(3) {
      background-color: red; }

/* REPUTACION*/
.row1 {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  /* Clear floats after the columns */ }
  .row1 .column1 {
    width: 100%;
    /* Style the counter cards */ }
    .row1 .column1 .card1 {
      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      padding: 10px 5px;
      text-align: center;
      background-color: #333;
      color: white;
      margin: 3px; }
  .row1:after {
    content: "";
    display: table;
    clear: both; }

/* Responsive columns */
@media screen and (max-width: 700px) {
  .row1 {
    width: 100%;
    display: -ms-grid;
    display: grid; } }