.home-banner {
    border-radius: .25rem;
    margin-left: 1rem;
    margin-right: 1rem;
    overflow: hidden
}

@media (min-width: 960px) {
    .home-banner {
        border-radius:0;
        margin-left: 0;
        margin-right: 0
    }
}

.home-banner__wrap {
    align-items: flex-end;
    display: flex;
    height: 100%
}

.home-banner__content {
    flex: 1
}

.home-banner__title {
    color: #fff;
    font-size: 4rem;
    letter-spacing: -2px;
    line-height: 3.5rem;
    margin: 0 0 1.5rem;
    max-width: 90%;
    padding: 0;
    position: relative
}

@media (min-width: 600px) {
    .home-banner__title {
        font-size:4rem;
        line-height: 3.5rem;
        margin: 0 0 2.5rem
    }
}

@media (min-width: 960px) {
    .home-banner__title {
        font-size:6rem;
        letter-spacing: -4px;
        line-height: 5.5rem;
        margin: 0 0 3rem;
        max-width: 50%
    }
}

@media (min-width: 1280px) {
    .home-banner__title {
        font-size:7rem;
        line-height: 7rem;
        max-width: 44rem
    }
}

.u-background-color--okavango {
    background-color: #0a6e50!important
}

.u-background-color--sand {
    background-color: #f6f4f0!important
}

.u-background-color--plum {
    background-color: #a71f50!important
}

.u-background-color--midnight {
    background-color: #222!important
}

@media (min-width: 0) {
    .xs\:u-background-color--okavango {
        background-color:#0a6e50!important
    }

    .xs\:u-background-color--sand {
        background-color: #f6f4f0!important
    }

    .xs\:u-background-color--plum {
        background-color: #a71f50!important
    }

    .xs\:u-background-color--midnight {
        background-color: #222!important
    }
}

@media (min-width: 600px) {
    .sm\:u-background-color--okavango {
        background-color:#0a6e50!important
    }

    .sm\:u-background-color--sand {
        background-color: #f6f4f0!important
    }

    .sm\:u-background-color--plum {
        background-color: #a71f50!important
    }

    .sm\:u-background-color--midnight {
        background-color: #222!important
    }
}

@media (min-width: 960px) {
    .md\:u-background-color--okavango {
        background-color:#0a6e50!important
    }

    .md\:u-background-color--sand {
        background-color: #f6f4f0!important
    }

    .md\:u-background-color--plum {
        background-color: #a71f50!important
    }

    .md\:u-background-color--midnight {
        background-color: #222!important
    }
}

@media (min-width: 1280px) {
    .lg\:u-background-color--okavango {
        background-color:#0a6e50!important
    }

    .lg\:u-background-color--sand {
        background-color: #f6f4f0!important
    }

    .lg\:u-background-color--plum {
        background-color: #a71f50!important
    }

    .lg\:u-background-color--midnight {
        background-color: #222!important
    }
}

@media (min-width: 1920px) {
    .xl\:u-background-color--okavango {
        background-color:#0a6e50!important
    }

    .xl\:u-background-color--sand {
        background-color: #f6f4f0!important
    }

    .xl\:u-background-color--plum {
        background-color: #a71f50!important
    }

    .xl\:u-background-color--midnight {
        background-color: #222!important
    }
}

.home-page__alert-container {
    left: 1rem;
    margin-top: 10rem;
    position: absolute;
    right: 1rem;
    z-index: 5
}

@media (min-width: 600px) {
    .home-page__alert-container {
        margin-top:7rem
    }
}

.home-page__find-trip {
    height: 8rem
}

@media (min-width: 600px) {
    .home-page__find-trip {
        height:4rem
    }
}