@media (max-width:768px) {

    .fs-6 {
        font-size: 0.6rem !important;
    }

    /* NAVBAR  */
    .navbar-brand h3 {
        font-size: 1.7rem;

    }
    nav {
        background-color: #fff;
      }

    /*  HERO SECTION */

    .carousel .carousel-caption .container {
        margin-top: 9rem;
    }

    .carousel .caption-back-1 {
        width: 20%;

    }

    .carousel .caption-back-2 {
        width: 85%;
        right: -20%;

    }

    /* content */
    .carousel .carousel-caption h5 {
        font-size: 3rem !important;
    }
    .carousel .carousel-caption p{
        font-size: 1rem !important;
    }
}


@media (max-width:400px) {

    .fs-6{
        font-size: 0.35rem;
    }

}