h3 {color: #4f81bd}
.header-top {
    background-color: #2a2e31;
    color: #ccc;
    padding: 0.5em;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
}
.header-top .picto {
    color: blue;
}

header nav .container {border-bottom: 1px solid #212529;}

.nav-item {
    text-transform: uppercase;
    font-size: 13px
}

/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 2rem;
    z-index: 10;
    color: #fff;
    text-align: center;
}
.carousel-caption h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 800;
}

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

.offer-container {
    position: absolute;
    bottom: 0;
    z-index: 15;
    width: 100%;
}

.offer-view1 {
    margin: 0;
    border: 0; 
    color: #fff;
    letter-spacing: -0.2px;
    padding: 1.8rem;
    font-size: 0.9rem; 
}
.offer-view1 h2 {
    font-size: 1.2rem; 
    font-weight: 600; 
}
.offer-view1 .btn-details {
    border: 2px solid #fff;
    font-size: 1rem;
    font-weight: 500;
    background-color: rgba(0,0,0,0);
    border-radius: 50px 50px 50px 50px;
    padding: 8px 12px;
    color: #fff;
    transition: all .5s;
    text-decoration: none;
}

.offer-view1:nth-of-type(4n + 1)  {
    background-color: rgba(0,19,170,0.55);
}

.offer-view1:nth-of-type(4n + 2) {
    background-color: rgba(0,156,181,0.67);
}

.offer-view1:nth-of-type(4n+3) {
    background-color: rgba(255,187,0,0.66);
}

.offer-view1:nth-of-type(4n) {
    background-color: rgba(0,55,119,0.78);
}

.featurette-divider {
    margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}

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

div.form-control {
    border: 0 !important;
    padding-left: 0 !important;
}

div.form-control select {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.label-radio {border: 0 !important;}
.label-radio label {margin-right: 26px; font-weight: normal;}

.member-img img {max-width: 100% !important;}

.footer {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

}

/* RESPONSIVE CSS
-------------------------------------------------- */

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

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

@media (max-width: 576px) {
    .offer-container {
        position: static;
    }
}
@media (min-width: 1900px) {
    .offer-container {
        /*left: 20em;*/
    }
}