.carousel-caption {
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
}

.carousel-caption h2{
    font-size: 5rem;
}

.carousel-caption h3,
button{
    font-size: 3rem;
}

.carousel-caption a{
    text-decoration: none;
    color: #fff;
}

@media (width <= 628px){
    .carousel-caption{
        top: 40%;
    }
}

@media (width <= 563px){
    .slide1-pic,
    .slide2-pic,
    .slide3-pic{
        display: none !important;
    }

    .banner-mobile-img{
        display: block !important;
    }
}

@media (width <= 400px){
    .carousel-caption h2,
    .carousel-caption h3{
        font-size: 2.5rem;
    }
    .carousel-caption h3 button{ font-size: 1rem;}
}