#toptopnav p {
    font-size: 1rem;
}

#toptopnav a {
    font-size: 1rem;
}

a, p, h3 {
    margin: 0;
}

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

.image-shadow {
    -webkit-box-shadow: 35px -25px 5px 0px rgba(112,112,112,1);
    -moz-box-shadow: 35px -25px 5px 0px rgba(112,112,112,1);
    box-shadow: 35px -25px 5px 0px rgba(112,112,112,1);
}

@media (min-width: 576px) { 
    .bg-overlay {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #fff;
        height: 400px;
    }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 
    .bg-overlay {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #fff;
        height: 800px;
    }
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
    .bg-overlay {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #fff;
        height: 100%;
    }
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 
    .bg-overlay {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #fff;
        height: 100%;
    }
}