/* customize the carousel
-------------------------------------------------- */
/* font-size:12px */
body {
    font-size: 0.75rem;
}
a { text-decoration: none; }
a:hover {text-decoration: underline; }

.font-s12 {
    font-size: 12px !important;
}

.font-s13 {
    font-size: 13px !important;
}

.font-s14 {
    font-size: 14px !important;
}

.font-s15 {
    font-size: 15px !important;
}

.font-s16 {
    font-size: 16px !important;
}

.font-s17 {
    font-size: 17px !important;
}

.font-s18 {
    font-size: 18px !important;
}

.font-s19 {
    font-size: 19px !important;
}

.font-s20 {
    font-size: 20px !important;
}

.font-s22 {
    font-size: 22px !important;
}

.font-s24 {
    font-size: 24px !important;
}

.font-s26 {
    font-size: 26px !important;
}

.font-s28 {
    font-size: 28px !important;
}

.font-s30 {
    font-size: 30px !important;
}

.font-s32 {
    font-size: 32px !important;
}

.font-s36 {
    font-size: 36px !important;
}

.font-s48 {
    font-size: 48px !important;
}

.font-s64 {
    font-size: 64px !important;
}

.font-s96 {
    font-size: 96px !important;
}

.font-s128 {
    font-size: 128px !important;
}

/* carousel base class */
.carousel {
    margin-bottom: 2rem;
}
/* since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}
.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
}


/* marketing content
-------------------------------------------------- */

/* center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}
.marketing h2 {
    font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}
/* rtl:end:ignore */


/* featurettes
------------------------- */

.featurette-divider {
    margin: 5rem 0; /* space out the bootstrap <hr> more */
}

/* thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    /* rtl:remove */
    letter-spacing: -.05rem;
}


/* responsive css
-------------------------------------------------- */

@media (min-width: 40em) {
    /* bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}

.bd-navbar { background-color:#3fa214!important;}
.content img { max-width: 100%; }