.subpage-slide-blue
{
    background-color: rgba(0,161,154,1) !important;
}

.category a:hover {
    text-decoration: none;
}

.card {
    max-width: 20vw;
    min-width: 15vw;
}
.card-body p {
    font-size: 0.9vw;
}

@media screen and (max-width: 992px) {   
    .card {
        max-width: 30vw;
        min-width: 23vw;
    }
}

@media screen and (max-width: 842px) {
    .card {
        max-width: 20vw;
        min-width: 20vw;
    }
    .card-title {
        font-size: 2vh !important;
    }
}

@media screen and (max-width: 576px) {
    .card {
        max-width: 70vw;
        min-width: 70vw;
        margin-left: auto;
        margin-right: auto;
    }
}

.category .card
{
	border-radius:8px;
	box-shadow:0 6px 10px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);
	transition:.3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
	cursor:pointer;
}

.category .card:hover
{
	transform:scale(1.05);
	box-shadow:0 10px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);
}

.card-shadow {
    background-color: #f7f7f7;
    box-shadow: inset 0px 7px 8px #cacaca, inset 0px -7px 8px #cacaca;
}

a .fa-caret-left, a .fa-caret-right{
    color: rgba(0,161,154,1) !important;
}