html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
  }
  
  @media (min-width: 768px) {
    html {
      font-size: 16px;
    }
  }
  
    
  body {
    margin-bottom: 60px;
  }
  
  
  .knappText,
  .knappText:hover,
  .knappText-2:hover{
      color: white;
      text-decoration: none;
  }
  
  .knappText-2 {
      color: green;
      text-decoration: none;
  }
  
  .filter {
      background: rgb(0, 0, 0); 
      background: rgba(0, 0, 0, 0.5); 
      color: #f1f1f1;
      padding-left: 20px;
      width: 20%; 
      
  }
  
  
  .fa-heart {
      color: red;
      font-size: 20px;
      -webkit-animation: puls 1s infinite;
              animation: puls 1s infinite;
      padding-left: 5px;
      padding-right: 5px;
  }
  
  @-webkit-keyframes puls {
      0% {
          transform: scale(1);
      }
  
      15% {
          transform: scale(1.25);
      }
  
      25% {
          transform: scale(1.15);
      }
  
      35% {
          transform: scale(1.25);
      }
  
      100% {
          transform: scale(1);
      }
  }
  
  @keyframes puls {
      0% {
          transform: scale(1);
      }
  
      15% {
          transform: scale(1.25);
      }
  
      25% {
          transform: scale(1.15);
      }
  
      35% {
          transform: scale(1.25);
      }
  
      100% {
          transform: scale(1);
      }
  }
  
  
  /*.bi {
      vertical-align: -.125em;
      fill: currentColor;
  }*/
  
  .margin-footer {
         margin-top: 150px;
  }
  
  .margin-tabell {
      margin-top: 10px;
  }
  
  .img-thumbnail {
      max-width: 100px;
      max-height:auto;
  }