.welcome-intercept-view .body-content {
    display: grid;
    grid-template:
        "logo"
        "title"
        "content"
        "buttons"
        "footer";

    margin:0px;
    grid-template-rows: auto auto 1fr auto auto;
    border-radius: 5px;
}

.welcome-intercept-view .header {
    display: grid;
    justify-self: start;
    grid-template-columns: 100vw;
}

.welcome-intercept-view .body {
    margin: 95px auto 0px;
    max-width: 530px;
}

.welcome-intercept-view .background.hidden {
    height: 0px;
}

.welcome-intercept-view .body-content .logo {
    justify-self: start;
    grid-area: logo;
    padding: 0px 0px 10px;
}

.welcome-intercept-view .body-content .logo img,
.welcome-intercept-view .body-content .logo svn {
    height: 50px;
}

.welcome-intercept-view .welcome-intercept-title {
    display: grid;
    grid-area: title;
    width: 100%;
    text-align: left;
    color: var(--text-dark);
    font-weight:  600;
    font-size: 28px;
    line-height: normal;
    padding-top: 20px;
}

.welcome-intercept-view .welcome-intercept-text {
    color: var(--text-medium);
    font-size: 18;
    line-height: 1.33;
    padding: 10px 0px;
}

.welcome-intercept-buttons {
    grid-area: buttons;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-top: 20px;
}

.welcome-intercept-buttons button.MuiButton-root.round-button {
    width: 48%;
    height:48px;
    border-radius: 10px;
    margin: 0 0px 10px 0;
}

.welcome-intercept-footer {
    grid-area: footer;
    justify-self: center;
}

@media only screen and (max-width: 480px) {
    .welcome-intercept-view .header svg,
    .welcome-intercept-view .header img {
        justify-self: center;
    }

    .welcome-intercept-view  {
        grid-template-areas:
            "header"
            "body";
        grid-template-columns: 100vw;
    }
    .welcome-intercept-view .background {
        position: static;
        height: 250px;
        background-size: cover;
        background-repeat: no-repeat;
        max-height: 250px;
        background-position-y: center;
    }

    .welcome-intercept-view .welcome-intercept-title {
        font-weight:  500;
        font-size: 24px;
    }

    .welcome-intercept-buttons button.MuiButton-root.round-button {
        box-sizing: border-box;
        width: 100%;
        margin: 0px 0px 16px 0px;
    }

    .welcome-intercept-buttons .secondary-button {
        border-style: none;
    }
}