.main-content > .enterprise-page.reactive-background.align-left {
    grid-template-areas:
        "header header header"
        "body . ."
        "footer footer footer";
}

.main-content > .enterprise-page.reactive-background.align-center {
    grid-template-areas:
        "header header header"
        ". body ."
        "footer footer footer";
}

.main-content > .enterprise-page.reactive-background.align-right {
    grid-template-areas:
        "header header header"
        ". . body"
        "footer footer footer";
}

.enterprise-page .header {
    display: grid;
    grid-area: header;
    padding: 13px 0px;
    grid-template:
        "logo controls";
    grid-template-columns: 1fr auto;
    width: 100%;
}

.enterprise-page .header .logo {
    justify-self: start;
    grid-area: logo;
    height: 24px;
}

.enterprise-page .header .controls {
    display: grid;
    justify-self: end;
    grid-area: controls;
    grid-template-areas:
        "prompt cta";
    grid-template-columns: auto auto;
}

.enterprise-page .header .prompt {
    grid-area: prompt;
    cursor: default;
    color: var(--text-dark);
    font-size: 14px ;
    font-weight: 500;
    margin-top: 4px;
}

.enterprise-page .header .cta {
    display: grid;
    grid-area: cta;
    margin: 0px 10px 0px 30px;
}

.enterprise-page .header .cta button {
    border-radius: 8px;
    border-width: 1px;
    padding: 0px 10px;
    min-height: 28px;
    text-transform: none;
    font-size: 14px;
    max-width: 300px;
    height: 34px;
    line-height: 1.2;
    justify-self: center;
    width: auto;
    min-width: 150px;
}

.international .register-view.view-content .field-first-name,
.international .register-view.view-content .field-last-name,
.international .register-view.view-content .field-postal-code,
.international .register-view.view-content .field-gender {
    width: 100%;
    max-width: 100%
}

.enterprise-page .footer-container {
    grid-area: footer;
    background-image: url("../images/Fade.svg");
    background-repeat: repeat-x;
}

.enterprise-page .footer-container .support-footer {
    padding: 30px 0px 10px;
    color: white;
}

.enterprise-page .footer-container .support-footer .custom-buttons-new {
    color: white;
    text-decoration: underline;
}


@media only screen and (max-width: 480px) {
    .main-content > .enterprise-page.reactive-background.align-right,
    .main-content > .enterprise-page.reactive-background.align-center,
    .main-content > .enterprise-page.reactive-background.align-left {
        grid-template-areas:
            "header"
            "body"
            "footer";
        grid-template-columns: 100vw;
    }

    .enterprise-page .header {
        grid-template-areas:
            ". logo ."
            ". controls .";

        grid-template-columns: .5fr auto .5fr;
        grid-template-rows: auto auto;
        padding: 10px 0px;
    }

    .enterprise-page .header .logo {
        justify-self: center;
        grid-area: logo;
    }

    .enterprise-page .header .controls {
        justify-self: center;
        grid-template-areas:
            ". prompt ."
            ". cta .";
        grid-template-columns: .5fr auto .5fr;
        grid-template-rows: auto auto;
    }

    .enterprise-page .footer-container {
        grid-area: footer;
        background: none;
    }

    .enterprise-page .footer-container .support-footer {
        padding: 10px 0px;
        color: var(--text-medium);
    }

}