#projects-page {
    .projects-h {
        margin-top: 2rem;
    }

    .nav {
        margin-top: 1.2rem;
    }

    .nav-item button {
        color: #405966;
        font-size: 1.2rem;
    }

    .text {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .row {
        --bs-gutter-x: initial;
        /* gap between rows */
        margin-bottom: 1rem;
    }

    .pipes {
        padding: 1.2rem;
        display: flex;
        justify-content: center;
    }

    .card {
        overflow: hidden;
        /* Prevents image from overflowing */
        position: relative;
        /* Ensures proper containment */
        max-width: 18rem;
    }

    .card-img-top {
        min-height: 17rem;
        max-height: 17rem;
        width: 100%;
        object-fit: cover;
    }

    /* .card-img-top {
        transition: transform 0.3s ease;
    }

    .card:hover .card-img-top {
        transform: scale(1.1);
    } */

    /* card button */
    .card-body:has(> .card-link) {
        background-color: #52546F;
        color: whitesmoke;
        transition: background-color 0.3s ease;
    }

    /* .card-body:has(> .card-link):hover {
        background-color: #FFFFFF;;
    } */

    .card-link {
        color: whitesmoke;
        text-decoration: none;
        font-size: 1.2rem;
        /* transition: color 0.3s ease; */
        transition: letter-spacing 0.3s ease;
    }

    .card-body:hover .card-link {
        /* color: #52546F; */
        letter-spacing: 0.1rem;
    }

    /* .second-row {
        margin-top: 2rem;
    } */

    .btn {
        /* max-width: 30%; */
        margin: 1.2rem;
    }

    @media (max-width: 700px) {

        .projects-h {
            font-size: 1.8rem;
        }

        .card-img-top {
            max-height: 20rem;
            width: 100%;           
            /* makes the image fill the card width */
            object-fit: cover;     
            /* ensures image covers the area without distortion */
        }
    }
}

/* Footer */
#footer-basic-centered {
    background-color: #405966;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding-top: 0.7rem;
    margin-bottom: 0;
    color: whitesmoke;
    padding: 1.45rem;
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
}

#footer-basic-centered .footer-company-motto {
    /* color: #8d9093; */
    font-size: 1.3rem;
    margin: 0;
    padding: 0;
}

#footer-basic-centered .footer-company-name {
    /* color: #8f9296; */
    font-size: 1.2rem;
    padding-top: 0.2rem;
    margin-top: 0;
    margin-bottom: 0;
}

#footer-basic-centered .footer-company-name span {
    font-size: 1.3rem;
}

#footer-basic-centered img {
    max-height: 5rem;
    margin-top: 1rem;
}

.contact-info {
    padding-top: 1rem;
}

/* End of footer */