/* header-as-caption.css */
.header-as-caption {
    position: relative;
}

.header-as-caption .container {
    position: relative;
}


.header-as-caption .content-header {
    position: absolute;
    z-index: 1;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    height: auto;
    width: auto;
}

.header-as-caption .content-header h1,
 .header-as-caption .content-header h2,
 .header-as-caption .content-header h3,
 .header-as-caption .content-header h4,
 .header-as-caption .content-header h5,
 .header-as-caption .content-header h6 {
    font-size: 1.4rem !important;
}

.header-as-caption-left .content-header {
    position: absolute;
    left: 45px;
    bottom: 30%;
}

.header-as-caption-right .content-header {
    position: absolute;
    top: 50%;
    right: 10%;
    max-width: 80%;
    padding: .5rem;
}


.header-as-caption .content-header .subheader {
 display: inline;
}



.header-as-caption.bg-transparent .content-header, .header-as-caption.bg-header-transparent .heading, .header-as-caption.bg-subheader-transparent .subheader {
	background-color: transparent !important;
}

div.header-as-caption[class*=" bg-header-"] .heading, div.header-as-caption[class*=" bg-subheader-"] .subheader {
	padding: .5rem;
}

.header-as-caption.bg-white .content-header, .header-as-caption.bg-header-white .heading, .header-as-caption.bg-subheader-white .subheader {
	background-color: #ffffff !important;
	display: inline;
}

.header-as-caption.bg-yellow .content-header, .header-as-caption.bg-header-yellow .heading, .header-as-caption.bg-subheader-yellow .subheader {
	background-color: #ffed00 !important;
	display: inline;
	color: #000 !important;
}

.header-as-caption.bg-blue .content-header, .header-as-caption.bg-header-blue .heading, .header-as-caption.bg-subheader-blue .subheader {
	background-color: #0068a9 !important;
	display: inline;
	color: #ffffff !important;
}

.header-as-caption.bg-green .content-header, .header-as-caption.bg-header-green .heading, .header-as-caption.bg-subheader-green .subheader {
	background-color: #00903c !important;
	display: inline;
	color: #ffffff !important;
}

.header-as-caption.bg-red .content-header, .header-as-caption.bg-header-red .heading, .header-as-caption.bg-subheader-red .subheader {
	background-color: #e40c2e !important;
	display: inline;
	color: #ffffff !important;
}

.header-as-caption.bg-orange .content-header, .header-as-caption.bg-header-orange .heading, .header-as-caption.bg-subheader-orange .subheader {
	background-color: #ec6702 !important;
	display: inline;
	color: #ffffff !important;
}


.header-as-caption.bg-iomblue .content-header, .header-as-caption.bg-header-iomblue .heading, .header-as-caption.bg-subheader-iomblue .subheader {
	background-color: #0199ff !important;
	display: inline;
	color: #ffffff !important;
}

.header-as-caption.bg-ertblue .content-header, .header-as-caption.bg-header-ertblue .heading, .header-as-caption.bg-subheader-ertblue .subheader {
	background-color: #00aff2 !important;
	display: inline;
	color: #ffffff !important;
}



.header-as-caption.negative .content-header, .header-as-caption.bg-header-negative .heading, .header-as-caption.bg-subheader-negative .subheader {
	color: #ffffff;
	background-color: transparent !important;
	mix-blend-mode: difference;
}

.header-as-caption.wellbox .content-header {
	border-radius: 6px;
	padding: .7rem;
	line-height: 1.2rem;
}

.header-as-caption br {
    /*display: none;*/
}


@media (max-width: 768px) {
    .header-as-caption .content-header  {
	display: none;
    }
}