.starter {
    background-image: url(../images/1a.jpg);
    padding: 200px 15px;
    text-align: center;
    margin: 20px 0 10px;
}

.navbar {
    height: 92px;
    background-image: url(../images/top-02.jpg);
}

    .navbar img {
        max-width: 100%;
        height: auto;
    }

.carousel-caption {
    right: 1%;
    left: 60%;
    padding-bottom: 0px;
    text-align: left !important;
    top: 30%;
    bottom: 20%;
    padding: 2%;
    background: rgba(0, 0, 0, 0.38);
    border-radius: 3px;
}

    .carousel-caption p {
        padding: 1em 0em;
        font-family: 'Hind', sans-serif;
        text-transform: capitalize;
        font-weight: 100;
        font-size: 1.071em;
    }

    .carousel-caption h3 {
        font-family: 'Oswald', sans-serif;
        text-transform: capitalize;
        font-weight: 100;
        font-size: 1.857em;
    }

    .carousel-caption img {
        max-width: 100%;
        height: auto;
    }

/*--footer--*/

.footer {
    background: #3e3e3e;
    padding: 1em 1em;
}

.div2 {
    text-align: center;
}

    .div2 p, .div2 p a {
        color: #fff;
        font-size: 0.857em;
        font-family: 'Hind', sans-serif;
    }

        .div2 p a:hover {
            text-decoration: none;
            color: #FFAD11;
        }


@media screen and (max-width: 768px) {
    .carousel-caption {
        right: 1%;
        left: 60%;
        padding-bottom: 0px;
        text-align: left !important;
        top: 0%;
        bottom: 10%;
        padding: 2%;
    }

        .carousel-caption h3 {
            font-size: 1.714em;
        }

        .carousel-caption p {
            padding: .5em 0em;
            font-size: 0.929em;
        }

    @media screen and (max-width: 640px) {
        .carousel-caption {
            right: 1%;
            left: 50%;
            padding-bottom: 0px;
            text-align: left !important;
            top: 0%;
            bottom: 10%;
            padding: 2%;
        }
    }


    @media screen and (max-width: 480px) {
        .carousel-caption h3 {
            font-size: 1.429em;
        }

        .carousel-caption p {
            padding: .5em 0em;
            font-size: 0.786em;
        }

        .carousel-caption {
            right: 1%;
            left: 50%;
            padding-bottom: 0px;
            text-align: left !important;
            bottom: 2%;
            padding: 2%;
            top: 30%;
            padding: 10px;
        }
    }

    @media screen and (max-width:414px) {

        .carousel-inner > .item > a > img, .carousel-inner > .item > img, .thumbnail a > img, .thumbnail > img {
            height: 215px;
        }

        .carousel-caption {
            right: 1%;
            left: 50%;
            padding-bottom: 0px;
            text-align: left !important;
            top: 40%;
            bottom: 2%;
            padding: 2%;
            top: 20%;
            padding: 5px;
        }

            .carousel-caption h3 {
                font-size: 1.214em;
            }
    }