header {
    width: 100%;
    height: 30em;
    background-color: #fff;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

header > video {
    width: 100%;
    height: auto;
    z-index: 0;

    filter: contrast(0.3);

    border-bottom: 3px black solid;
}

header > .header-description {
    position: absolute;

    width: 60%;
    height: 50%;
    margin: 0px !important;
    margin-top: 10% !important;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color: #efbe4e;
    text-shadow: 0px 0px 3px #141b21;
    z-index: 1;
}

header > .header-description > .title {
    height: 50px;
    text-align: center;
}

header > .header-description > .title > h1 {
    padding: 0px;
    margin: 0px;
}

header > .header-description > .br {
    width: 100%;
    height: 7px;
    color:#efbe4e;
    border: 1px #efbe4e solid;
    background-color: #efbe4e;
    margin-top: 10px;
    margin-bottom: 10px;
}

header > .header-description > .description {
    height: 50px;
    text-align: center;
}

@media screen and (max-width: 1280px) {

    header {
        width: 100%;
        height: 37em;
    }

    header > .header-description {
        width: 80%;
        height: 50%;
    }

    header > .header-description > .title > h1 {
        font-size: 30px;
    }

    header > .header-description > .description {
        font-size: 17px;
    }

}

@media screen and (max-width: 1200px) {

    header {
        width: 100%;
        height: 37em;
    }

    header > .header-description {
        width: 80%;
        height: 40%;
    }

    header > .header-description > .title > h1 {
        font-size: 25px;
    }

    header > .header-description > .description {
        font-size: 12px;
    }

}

@media screen and (max-width: 800px) {

    header {
        width: 100%;
        height: 37em;
    }

    header > .header-description {
        margin-top: 0px !important;
        width: 80%;
        height: 40%;
    }

    header > .header-description > .title > h1 {
        font-size: 25px;
    }

    header > .header-description > .description {
        font-size: 12px;
    }

}

@media screen and (max-width: 650px) {

    header {
        width: 100%;
        height: 35em;
    }

    header > .header-description {
        margin-top: 0px !important;
        width: 80%;
        height: 40%;
    }

    header > .header-description > .title > h1 {
        font-size: 25px;
    }

    header > .header-description > .description {
        font-size: 12px;
    }

}

@media screen and (max-width: 550px) {

    header {
        width: 100%;
        height: 33em;
    }

    header > .header-description {
        margin-top: 0px !important;
        width: 80%;
        height: 40%;
    }

    header > .header-description > .title > h1 {
        font-size: 25px;
    }

    header > .header-description > .description {
        font-size: 12px;
    }

}

@media screen and (max-width: 500px) {

    header {
        width: 100%;
        height: 25em;
    }

    header > .header-description {
        margin-top: 0px !important;
        width: 80%;
        height: 40%;
    }

    header > .header-description > .title > h1 {
        font-size: 23px;
    }

    header > .header-description > .description {
        font-size: 12px;
    }

}

@media screen and (max-width: 395px) {

    header {
        width: 100%;
        height: 23em;
    }

    header > .header-description {
        margin-top: 0px !important;
        width: 80%;
        height: 30%;
    }

    header > .header-description > .title > h1 {
        font-size: 15px;
    }

    header > .header-description > .description {
        font-size: 12px;
    }

}

@media screen and (max-width: 280px) {

    header {
        width: 100%;
        height: 20em;
    }

    header > .header-description {
        margin-top: 0px !important;
        width: 80%;
        height: 30%;
    }

    header > .header-description > .title > h1 {
        font-size: 15px;
    }

    header > .header-description > .description {
        font-size: 12px;
    }

}