@charset "utf-8";
/* CSS Document */

.hero-section {

    position: relative;
    min-height: 60vh;
    overflow: hidden;

    background: linear-gradient(
        rgba(0,0,0,1.80),
        rgba(0,0,0,0.80)
    );

    display: flex;
    align-items: center;
    color: white;
}

/* Skyline layer */
.hero-skyline {

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    height: 25vh;
    width: auto;
    opacity: 0.35;

    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Text layer above skyline */
.hero-content {
    position: relative;
    z-index: 2;
}

/* Mobile fix */
@media (max-width: 768px){

    .hero-skyline {
        height: 15%;
    }

}

.skyline-bg {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        to bottom,
        #081630 0%,
        #163A6B 100%
    );
}

.skyline-bg::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background: url('/images/lincoln_skyline.png') no-repeat bottom center;
    background-size: contain;
    pointer-events: none;
    opacity: 0.9;
}