.layout-customheader{
    min-height: 450px;
    height: 20vh;
	margin-bottom: 3em;
	color: white;
}

.layout-customheader .search{
	padding: 2em 1em;
    margin: auto;
    max-width: 100%;
}
.layout-customheader .search-form button{
    border-radius: 0.5em;
}
.layout-customheader .search-form input{
    padding: 0 0.5em;
    border-radius: 0.5em;
    width: 18em;
}
@media screen and (max-width: 800px){
    .layout-customheader .search-form input{
        width: 100%;
        max-width: 80vw;
    }
}
@media screen and (max-width: 480px){
    .layout-customheader,.layout-customheader>.background{
        height: 90vh !important;
    }
}

.layout-customheader article { 
    padding: 1em 2em;
    background: rgba(0,0,0,0.66);
    max-width: 50em;
}
.layout-customheader a, .layout-customheader a:link{
	text-decoration: none;
	color: white;
}

.layout-customheader>.background>h2 {
    font-size: 30px;
    text-transform: uppercase;
    width: 75%;
    margin: 1.5em 0 0 0;
}
.layout-customheader>.background>h3 {
    text-transform: uppercase;
    font-size: 20px;
    width: 67%;
    margin: 0;
}
.layout-customheader>.background {
    padding: 2em 0em 3.75em 0em;
    background-position: center;
    position: absolute;
    left: 0;
    width: 100%;
	height: 20vh;
	min-height: 450px;

	background-size: cover;

	display: flex;
    justify-content: space-between;
    align-items: self-start;
    flex-direction: column;
}
.layout-customheader>.background.gradient {
	background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.65) 33%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0) 100%);
}

.layout-customheader .caption{
	padding: 0 1em;
	color: white;
	background: rgba(0,0,0,0.5);
	border-radius: 10px 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.layout-customheader .caption a{color:white; text-decoration: none;}

@media (max-height:800px){
	.layout-customheader>.background>h2 {margin: 0.5em 0 0 0;}
}