/* specific main.scss overrides */


.img-fill h1 {
    position: absolute;
    z-index: 1;
    width: 90%;
    text-align: left;
    font-size: 6vw;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    transform: none;
    top: auto;
    left: auto;
    bottom: 6vw;
}

p.section-header {
    background-color: #e3000b;
    color: #ffffff;
    display: inline-block;
    padding: 8px 10px  !important;
    line-height: 12px;
    font-size: 0.4em;
}

tspan {
    fill: #888888
}

@media (min-width: 40em) {
    .img-fill h1 {
        font-size: 5vw;
        bottom: 6vw;
    }

    p.section-header {
        padding: 12px 14px !important;
        font-size: 0.8em;
        line-height: 14px;
    }
}

@media (min-width: 62em) {
    .img-fill h1 {
        font-size: 3vw;
        bottom: 4vw;
    }
}