.box {
    width: 80%;
    margin: auto;
    overflow: auto;
    clear: both;
}

.hero-banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/header.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 150vh;
    display: flex;
    justify-content: center;
    /*image-rendering: pixelated;*/
    /*image-rendering: crisp-edges;*/
}

body {
    background-color: #1a1a1a;
    color: #fff;
}