.carousel-caption h3 {
    font-size: 50px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;}

    .carousel-control-next, .carousel-control-prev {
    top: 15pc;
    width: 5%;
    background-color: #ffffff82;
    height: 15%;}

    .row-class {
    margin-right: -29px !important;
    margin-left: -29px !important;}

    .carousel-caption {
    top: 35%;}

    .carousel-indicators li {
    width: 7px;
    margin-top: -55px;
    height: 8px;
    width: 25px;
    }

    .carousel-indicators .active {
    opacity: 1;
    }

    @media (max-width: 480px) { 
           header {
                position: relative;}

           .row-class {
                margin-right: -15px !important;
                margin-left: -15px !important;}

            .carousel-caption h3 {
                font-size: 17px;}

            .lead {
               font-size: 0.9rem;}

            .carousel-control-next, .carousel-control-prev {
                top: 4pc;
                width: 7%;
                background-color: #ffffff82;
                height: 19%;}

            .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
                margin-top: 3px; 
                margin-left: 0px;}

            .navbar-brand img {
                float: right;}

            .navbar-light .navbar-toggler {
               margin-top: -74px;}

            .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
                color: #6c757d;
                text-shadow: 0px 0px 0px black;}
        }