.hero-image{
    height:260px;
    object-fit:cover;
}

.carousel-caption{
    left:4%;
    right:4%;
    bottom:15%;
    text-align:left;
    background:rgba(0,0,0,.45);
    padding:30px;
    border-radius:15px;
}

.carousel-caption h1{
    font-size:34px;
}

.carousel-caption p{
    font-size:18px;
}

@media(max-width:962px){

.hero-image{
    height:160px;
}

.carousel-caption{
    bottom:10px;
    padding:15px;
}

.carousel-caption h1{
    font-size:24px;
}

.carousel-caption p{
    font-size:14px;
}

.carousel-caption .btn{
    font-size:14px;
}

}