﻿.headcontainerHeader {
    height: 35vw;
    max-height: 350px;
    min-height: 250px;
    
    //background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ImgHeader {
    z-index: -1;

    position: absolute;


    width: 100%;
    height: 35vw;
    max-height: 350px;
    min-height: 250px;


    object-fit: cover;
    object-position: center center;
    justify-content: center;
}

.LabelHeader {
    height: auto;

    box-sizing: initial;
    padding: 0.5rem 1rem;

    background: #111;
    color: #fff;

    font-weight: 600;
    letter-spacing: 0.12rem;
    transform: scale(1.25, 1.75);

    z-index: 1;
}



@media(max-width: 785px) {
    .headcontainerHeader {
        background-attachment: scroll;
    }
}

@media(max-width: 400px) {
    .LabelHeader {
        padding: 1.2vw 3.2vw;
        font-size: 4.2vw;
        letter-spacing: 0.25vw;
    }
}