.carousel {
    width: 100%;
}

@media (min-width: 992px) {
    .header-bg {
        position: absolute;
        z-index: -2;
        width: 100%;
        height: 340px;
        background: rgb(219, 233, 255) url("/images/header.svg") right bottom no-repeat;
        background-size: 100% 350px;
    }

    .header-mask {
        position: absolute;
        z-index: -1;
        background: rgba(108, 122, 137, .3);
        width: 100%;
        height: 340px;
    }

    .home {
        margin-top: 180px;
    }

    .app-content {
        padding-bottom: 30px;
    }
}