.carousel {
    background-color: #ececec;
}
.carousel h2 {
    font-size: 2vw;
    font-weight: 600;
}
.carousel h3 {
    font-size: 1.7vw;
    font-weight: 500;
    color: #575757
}

@media screen and (max-width: 650px) {
    .carousel h3
    {
        font-size: 1.7vh;
    }
    .carousel h2 {
        font-size: 2vh;
    }
}

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

.carousel .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;
    max-width: 20vw;
    min-width: 15vw;
    max-height: 400px;
}

@media screen and (min-width: 1000px) {
    .carousel .card {
        max-height: 450px;
    }
}

@media screen and (min-width: 1500px) {
    .carousel .card {
        max-height: 500px;
    }
}

@media screen and (min-width: 2000px) {
    .carousel .card {
        max-height: 550px;
    }
}

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

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