.banner-sec{
    aspect-ratio: 16/9;
    min-height: 380px;
    max-height: 90vh;
    margin-top: 80px;
	min-width: 100%;
	max-width: 100%;
	position: relative;
}

.banner-sec img{
    width: 100%;
    height: 100%;
    min-height: 380px;
    max-height: 90vh;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    filter: brightness(60%);
}

.banner-holder{
    width: 100%;
	height: 100%;
    padding: var(--page-padding);
    z-index: 2;
}
.banner-txt{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10em;
    gap: 1em;
    max-width: min(100%, 1400px);
}
.banner-txt h2{
    font-size: calc(3rem + 3vw);
    font-weight: normal;
    color: #dfd6dc;
    font-family: 'schreibschrift';
    width: 100%;
}

@media screen and (max-width: 1000px){
    .banner-txt{
        padding-top: 5em;
    }
    
}

@media(max-width: 500px){
    .banner-txt{
        width: 100%;
        text-align: center;
        align-items: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
        padding-top: 2.5em;
    }
}