#header {
	position: relative;
    isolation: isolate;
}

/*----------------------------------------------------------------------------------------------------*/

#header > .background {
    position: absolute; top: 0; left: 0; z-index: -1;
    display: block; height: 100%; width: 100%; overflow: hidden;
	
	isolation: isolate;
}
#header > .background:after {
    content: '';
    position: absolute; top: 0; left: 0; z-index: 1;
    display: block; height: 100%; width: 100%;
    
    background-color: #000;
    
    opacity: .3;
}
#header > .background > img {
    position: absolute; top: 0; left: 0; z-index: 0;
    display: block; height: 100%; width: 100%;
	
    object-fit: cover;
    object-position: center;
    
    pointer-events: none;
}

/*----------------------------------------------------------------------------------------------------*/

#header > .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    text-align: center;
    color: #FFF;
}
#header > .content-wrapper > .title {
    font-weight: 700;
}
#header > .content-wrapper > .title > span {}
#header > .content-wrapper > .title:only-child { margin: 0; }
@media (min-width: 900px) {
	#header > .content-wrapper {
		min-height: 750px;
		padding: 250px 0 170px;
	}
    #header > .content-wrapper > .title {
    	max-width: 950px;
		font-size: 60px;
	}
    #header > .content-wrapper > .title > span { font-weight: 100; }
}
@media (max-width: 899.99px) {
	#header > .content-wrapper {
		min-height: 600px;
		padding: 150px 0 100px;
	}
    #header > .content-wrapper > .title {
    	max-width: 350px;
		font-size: 30px;
	}
    #header > .content-wrapper > .title > span { font-weight: 300; }
}

/*----------------------------------------------------------------------------------------------------*/

#header > .content-wrapper > .certifications {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	column-gap: 15px;
	row-gap: 10px;
}
#header > .content-wrapper > .certifications > .certification {
	position: relative;
	width: 50px;
}
#header > .content-wrapper > .certifications > .certification:before {
	content: '';
	display: block;
	padding-top: 150%;
}
#header > .content-wrapper > .certifications > .certification > img {
	position: absolute; top: 0; left: 0;
	display: block; height: 100%; width: 100%;
	
	object-fit: contain;
	object-position: center;
}
@media (min-width: 900px) {
	#header > .content-wrapper > .certifications {
		position: absolute; bottom: 50px; left: 50px; right: 50px;
		justify-content: flex-end;
	}
}
@media (max-width: 899.99px) {
	#header > .content-wrapper > .certifications {
		margin-top: 15px;
		justify-content: center;
	}
}