header {
    padding-top: 60px;
    background: var(--nav-bg);
}

header .header-content-vertical-center {
    display: flex;
    align-items: center;
}

header .header-container {
    width: 100%;
    max-width: var(--container-width);
    margin: var(--container-margin);
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 10px;
    min-height: 600px;
    height: 100%;
}

header .header-content {
    display: grid;
    grid-template-rows: 1fr 60px 60px;
    gap: 30px;
    align-items: flex-start;
}

header .header-content h1 {
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 50px;
    margin: 0;
    max-width: 763px;
    font-family: "Cambay", sans-serif;
}

header .header-content p {
    color: #FFFFFF;
    margin: 0;
    font-size: 18px;
    max-width: 611px;
    letter-spacing: .8px;
}

header .header-content .cta {
    max-width: 239px;
    grid-template-columns: calc(239px - 45px) auto;
}

header .header-image {
    position: relative;
    height: 100%;
}

header .header-image img {
    position: absolute;
    bottom: 0;
}


@media(max-width: 991px) {
    header .header-container {
        grid-template-columns: 1fr;
        padding: 0 15px;
        min-height: 1000px;
    }

    header .header-content {
        grid-template-rows: 1fr 90px 70px;
    }

    header .header-content h1 {
        font-size: 35px;
    }

    header .header-content .cta {
        display: grid!important;
    }
}