* {
    box-sizing: border-box;
}

.carousel-item > img {
    max-height: 350px;
    object-fit: cover;
}

.carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.carousel-caption h5,
.carousel-caption p {
    color: rgb(255, 255, 255);
    text-shadow: 2px 2px 5px black;
}

.fa-ranking-star {
    color: blue;
}

.fa-chart-simple {
    color: green;
}

.fa-circle-dot {
    color: red;
}

.fa-ranking-star, .fa-chart-simple, .fa-circle-dot {
    font-size: 24px;

}

.container-bg {
    background-color: rgb(228, 228, 228);
}

.social a {
    font-size: 22px;
}

.fa-instagram {
    color: #517fa4;
    box-sizing: border-box;
    padding: 8px;
}

.fa-facebook {
    color: #3b5998;
    box-sizing: border-box;
    padding: 8px;
}

.fa-google-plus-g {
    color: #dd4b39;
    box-sizing: border-box;
    padding: 8px;
}

.fa-instagram:hover, .fa-facebook:hover, .fa-google-plus-g:hover {
    color: #616161b7;
}

.card {
    transition: transform 0.3s;
}

.card:hover {
    transform:scale(1.02);
}

footer {
    border-top: 3px solid silver;
    background: #3f3f3f;
}

/* Responsive / @Media */

@media (min-width: 768px) {
    .navbar {
        padding-inline: 84px !important;
    }
}

@media (max-width: 768px) {
    .card-container {
        gap: 12px !important;
    }
}