.hero-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.hero-image.hero-large {
    height: calc(75vh - 95px);
}

.hero-image.hero-medium {
    height: calc(50vh - 95px);
}

.hero-image.hero-small {
    height: calc(25vh - 95px);
}

.hero-image .hero-content {
    max-width: 80rem;
    padding: 0 2.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
}

.hero-image .hero-content  p {
    color: #666;
}

.hero-image .hero-content.txt-light p{
    color: #fff;
}

.hero-promo {
    position: relative;
}

@media only screen and (min-width: 768px) {
    .hero-image.hero-large {
        height: calc(75vh - 163px);
    }

    .hero-image.hero-medium {
        height: calc(50vh - 163px);
    }

    .hero-image.hero-small {
        height: calc(25vh - 163px);
    }

    .hero-image .hero-content {
        padding: 0 6rem;
        font-size: 2.7rem;
        line-height: 1.3;
    }
	
    .hero-image.hero-large.hero-promo {
        min-height: 65vh;
    }
}

@media only screen and (max-width: 767px){
    .hero-image.hero-promo {
        background-image: none !important;
        height: auto !important;
    }
}