#welcome-banner {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;

    display: flex;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    #welcome-banner {
        padding-left: 100px;
    }
    #welcome-banner > div {
        max-width: 50%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    #welcome-banner {
        padding-left: 5%;
    }
    #welcome-banner > div {
        max-width: 90%;
    }
}
@media screen and (max-width: 767px) {
    #welcome-banner {
        background-image: none !important;
        height: unset;
    }
    #welcome-banner > div {
        max-width: unset;
        border: 0 none transparent !important;
    }
}