html {
    
    background: white;
  font-family:sans-serif;
  
  }
  
  
  h2{
    font-family: montserrat;
    font-size: 18px;
    font-weight:500;
  }
  
  
  
  .column {
    float: left;
    width: 20%;
    margin: 0px 20px 5% 20px;
    padding: 0 6px;
     background: #ffffff;
     height: 350px;
  }
  
  @media screen and (max-width: 650px) {
    .column {
      width: 100%;
      display: block;
    }
  }
  .column:hover{
      opacity:0.6;
      color:#0f163d;
  }
  
  .card {
   
     width: 100%;
     height: 100%;
     
   
  }
  .card img{
      width:100%;
      height:auto;
  }
  
  .container {
    padding: 0 16px;
  }
  
  .container::after, .row::after {
    content: "";
    clear: both;
    display: table;
  }
  
  .title {
    color: grey;
  }
  
  #button_card {
    border: 0px;
    padding: 0px;
    padding-bottom: 0px;
    background-color: #fff;
    cursor: pointer;
    width: 100%;
   
    
    
  }
  
  
  
  #texto_cat p{
      position: absolute;
      top: 30%;
      width: 100%;
      text-align: center;
      color: white;
      font-family: sans-serif;
      font-size: 14pt;
  }
  #migas{
      font-size: 19px;
      color: #777;
      width: 98%;
      height: auto;
      margin: auto;
      margin-top:4%;
      font-weight:200;
      font-family:montserrat;
  }
  #head{
      width: 85%;
      height: auto;
      margin: auto;
      display: inline-block;
      justify-content: center;
      padding: 5%;
      padding-top: 0%;
  }
  
  
  a{
      text-decoration: none;
      color: black;
  }