.tituloC{

    background-color: #DBCAE9;
    font-size: 30px;
    font-weight: 900;
    color: #240046;
    text-shadow: -2px -2px 1px white, 2px 2px 1px white, -2px 2px 1px white, 2px -2px 1px white;
    width: 90%;
}
.hrC{

    border-bottom: 3px solid #2E055A;
}

.iconC{
    color: #2E055A;
    font-size: 38px;
}

/* Float four columns side by side */
.column {
  float: left;
  width: 25%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding */
.row {
  margin: 0 -5px;
  margin-top: 5px;
  margin-left: 3px;
  margin-right: 3px;
}

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

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 210px) {
  .h2 {
    font-size: 18px;
  }
}

/* Style the counter cards */
.card {
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 #838BD4;
  padding: 0px;
  text-align: center;
  background-color: #B5B9D8;
  height: 290px;
  margin-bottom: 20px;
}
.card img:hover{
  filter: saturate(180%);
}

.card img{
  margin-top: 20px;
  border-radius: 5px;
  cursor: pointer;
  max-width: 100px;
}
.p{
  font-size: 15px;
  word-wrap: break-word;
}