.page-holder:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 150%;
    /*background: url("../img/byvapen.png") top center / cover repeat-y;*/
    background-color: #ccdeed; 
    min-height: 100vh;
    animation-name: fadeOut;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 2.5s;
    animation-fill-mode: forwards;

    z-index: -1;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

.tk-logo {
    width: 80px; /* Example width */
    height: auto; /* Maintain aspect ratio 
    /*height: 5vh;*/
}

.jumbotron {
    /*height: 10vh;*/
    /*padding-top: 70px;*/
    padding: 1rem 6rem;
    background-color: #ffffff;
}

.card {
    width: 18rem;
    border-width: 3px;
}

@media (min-width: 992px) {
  .card {
    min-height: 22rem;
  }
}

.btn-tk{
    color: #002c54c2;
    border: 2px solid #002c54;
    background-color: #ccdeed;
}

.card-img-top{
    width: 100%;
    height: 20vh;
    object-fit: cover;
}

.fa-info-circle {
    /*color: #949494;*/
    color:#002d53;

}

.fa-info-circle:hover {
    color: darkgreen;
    cursor: pointer;
}

/* Make description text slide */

.slide-enter-active {
   -moz-transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -moz-transition-timing-function: ease-in;
   -webkit-transition-timing-function: ease-in;
   -o-transition-timing-function: ease-in;
   transition-timing-function: ease-in;
}

.slide-leave-active {
   -moz-transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slide-enter-to, .slide-leave {
   max-height: 100px;
   overflow: hidden;
}

.slide-enter, .slide-leave-to {
   overflow: hidden;
   max-height: 0;
}

/* Make description text slide end */


.card {
    min-height: 18rem;
}