/*
    Carousel
*/

/* Carousel base class */
.carousel {
    margin-bottom: 2rem;
}

/* Stretch to the full width */
.carousel img {
    min-width: 100%;
    max-width: 100%;
}


/* No margin at the bottom */
.carousel {
    margin-bottom: 0;
}


.carousel-indicators {
    top: 1.5rem;
    right: 1.5rem;
    bottom: auto;
    left: auto;
    width: 1rem;
    margin-left: 0;
}

.carousel-indicators > li {
    margin-bottom: .25rem;
}

.btn-carousel,
.btn-carousel:hover {
    color: #fff;
    border-color: #489dff;
    background-color: #489dff;
    font-size: 0.8rem;
}






/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 544px) {


    .carousel-caption h1 {
        font-size: 0.9rem;
    }

    .carousel-caption p {
        margin-bottom: .4rem;
        font-size: 0.6rem;
    }

    .btn-carousel {
        font-size: 0.4rem;
        padding: 0.2rem 0.4rem;
    }



}

/* For the small device landscape layout */
@media (min-width: 544px) and (max-width: 767px) {

    .carousel-caption {
        padding-bottom: 0rem;
    }

    .carousel-caption h1 {
        font-size: 1rem;
    }

    .carousel-caption p {
        margin-bottom: 0.4rem;
        font-size: 0.7rem;
    }

    .btn-carousel {
        font-size: 0.6rem;
        padding: 0.4rem 0.4rem;
    }

}


/* Medium devices (tablets, 768px and up */
@media (min-width: 768px) and (max-width: 991px) {

    .carousel-caption {
        padding-bottom: 0rem;
    }

    .carousel-caption h1 {
        font-size: 1.2rem;
    }

    .carousel-caption p {
        margin-bottom: 0.4rem;
        font-size: 1rem;
    }

}

@media (min-width: 992px) {

    .carousel-caption h1 {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }

    .carousel-caption p {
        font-size: 1.2rem;
    }

}