header {
    margin-bottom: 2rem;
}

header .logo {
    height: 64px;
    display: flex;
    padding: var(--side-margin);
    align-items: center;
}

header .logo img {
    height: 34px;
}

header .jumbotron {
    height: 300px;
    width: 100%;
    background-image: linear-gradient(rgba(0, 70, 100, 0.6), rgba(0, 70, 100, 0.6)), url("https://b2csbxamssa.blob.core.windows.net/b2c/assets/images/RLG_DRS-3-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

header .jumbotron .jumbotron-heading {
    color: var(--drs-neutral-white);
    font-size: 2.5rem;
    font-weight: 500;
    margin: var(--side-margin);
    border: none;
    display: flex;
    flex-direction: column;
    gap: 5px
}

header .jumbotron .jumbotron-heading :is(h1, h5) {
    margin: 0;
    color: inherit;
    font-weight: var(--drs-font-regular);
}

header .jumbotron .jumbotron-heading h1 {
    line-height: 3rem;
}

header .jumbotron .jumbotron-heading h5 {
    line-height: var(--drs-text-lh-md);
}


@media (max-width: 768px) {
    header .jumbotron {
        height: 200px;
    }
}