/* your styles go here */
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    width: 100% !important;
}

.lead {
    font-size: 1.5rem !important;
}

body {
    background: white;
}

.main {
    font-family: Arial;
    width: 500px;
    display: block;
    margin: 0 auto;
}

h3 {
    background: #fff;
    color: #dd3d3d;
    font-size: 36px;
    /* line-height: 85px;*/
    margin: 10px;
    /*padding: 2%;*/
    position: relative;
    text-align: center;
}

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

/*hero section*/
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.2, 1.2);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.2, 1.2);
    }
}

.carousel-inner .item > img {
    -webkit-animation: zoom 10s;
    animation: zoom 10s;
}

.container2 {
    position: relative;
    z-index: 10;
    margin: 10px;
}
.h4 {
    font-size: 29px !important;
    margin-top: 0px !important;
    margin-bottom: 13px !important;
}
.content1 {
    margin-left: 65px;
}
@media (max-width: 767px) { 
    .carousel-inner {
        height: 300px;
 
    }
}
@media (max-width: 767px) { 
    .carousel-inner .item > img {
        height: 315px;
    }
 
}