.men-header{
    position: relative;
}
.men-header .cover{
    position: relative;
}
.men-header .cover img{
    vertical-align: top;
}
.men-header video{
    width: 100%;
    vertical-align: bottom;
}
.men-header .layer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat left bottom/cover;
}
.men-header .layer a {
    display: block;
    width: 100%;
    height: 100%;
}
body.wp-admin .men-header .layer a{
    pointer-events: none;
}
.men-header.men-video .layer{
    opacity: .6;
}
.men-header .text{
    pointer-events: none;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: 1rem;
}
.men-header .text h1{
    text-transform: uppercase;
    font-size: 26px;
}
.men-header.men-header-right .layer{
    transform: scale(-1, 1);
}
.men-header.men-header-right .text{
    right: auto;
    left: 0;
}
@media (min-width: 768px) {
    .men-header .text{
        position: absolute;
        width: 45%;
    }
    .men-header .text h1{
        color: white !important;
        margin: 2em 1em;
    }
}
@media (min-width: 967px) {
    .men-header .text{
        width: 52%;
    }
    .men-header .text h1{
        margin: 3em 4em;
        font-size: 28px;
    }
}
@media (min-width: 1200px) {
    .men-header .text{
        width: 60%;
    }
    .men-header .text h1{
        margin: 3em 6em;
        font-size: 30px;
    }
}