.link-card{
    text-decoration: none;
    color: black;
}

.link-card:hover{
    text-decoration: none;
    color: black;
}

.card-zoom{
    width: 100%;
    opacity: 0.8;
    transition: 0.2s;
}

.card-zoom:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    opacity: 1;
    transform: scale(1.1);
}

.carousel img{
    opacity: 0.7;
}

.carousel-caption{
    top: 40px;
    color: black;
    opacity: 0.8;
    font-family: ".SF NS Display";
}
.background{
    border: 1px transparent;
    border-radius: 5px;
    background-color: rgba(195, 195, 195, 0.49);
}
@media only screen and (max-width: 600px){
    .carousel-caption{
        top: 20px;
    }
    .carousel-caption h1{
        font-size: 30px;
    }
}

@media only screen and (max-width: 300px){
    .carousel-caption{
        top: 10px;
    }
    .carousel-caption h1{
        font-size: 20px;
    }
}