/*img background for navbar */
.header-image {
    display: block;
    width: 100%;
    /* for height a px value is added in case the vh unit is not browser supported */
    height: 240px;
    height: 40vh;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    margin-bottom: 20px;
    background-position: center top;
    background: url("../img/case2.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media (max-height: 600px) {

    .header-image {
        /* fixed height is set for screen resolution of less than 600px to ensure there is a header 
        image of at least height 240px */
        height: 240px;
    }
}

.header-image.header-image-client-stories {
    background: url("../img/analytics-ireach-2-cc.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.header-image.header-image-resources {
    background: url("../img/communities-ireach-cc.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.headline {
    padding: 70px 0;
    text-shadow: 3px 3px 1px #702828;
}

@media ( min-width:410px ){
    .headline {
        padding: 85px 0;
    }
}

@media ( min-width:490px ){
    .headline {
        padding: 90px 0;
    }
}

.headline h1 {
    font-size: 30px;
    line-height: 1.3;
    color: white;
    font-weight: 700;
}

.headline h2 {
    font-size: 20px;
    color: white;
    text-shadow: 2px 2px #72c007;
    font-weight: 700;
}

.headline.studies {
    padding:0;
    display:table;
    height:100%;
    width:100%;
}

.headline.studies h1 {
    font-size: 2em;
    color: white;
    text-shadow: 2px 2px #282828;
    /*text-shadow: 1px 1.3px #70BF08;*/
    font-weight: 700;
    line-height: 1.3;
    display: table-cell;
    vertical-align:middle;
}

@media (min-width: 410px) {
    .headline.studies h1 {
        font-size: 2em;
        line-height: 1.4;
    }
}

@media (min-width: 768px) {
    .headline.studies h1 {
        font-size: 2.2em;
        line-height: 1.6;
    }
}

@media (min-width: 992px) {
    .headline.studies h1 {
        font-size: 2.35em;
        line-height: 1.6;
    }
}

@media (min-width: 1150px) {
    .headline.studies h1 {
        font-size: 2.4em;
        line-height: 1.7;
    }
}

@media (min-width: 1500px) {
    .headline.studies h1 {
        font-size: 2.7em;
        line-height: 1.8;
    }
}

@media (min-width: 1800px) {
    .headline.studies h1 {
        font-size: 2.9em;
        line-height: 1.8;
    }
}

.lead {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 20px;
    font-size: 21px;
    text-align: justify;
    font-weight: 300;
    line-height: 1.4;
}
/*text format */
 h2, h3 {
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: green;
}

h3 {
  font-style: normal;
}



/*images */
.featurette-image.pull-right {
    margin-left: 40px;
  
  
}

.pull-right {
    float: right !important;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}


/*footer :) */

.footer {
    display: block;
    width: 100%;
  
    text-align: center;
    background: url("") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
footer {
  
    margin-top: 20px;
    padding: 0;
}
footer p {
    margin: 30px;
}
.col-lg-13 {
    color: #777;  
}