:root {
    --color-teal: #17BEBB;
    --color-orange: #FB8B24;
    --color-white: #ffffff;

    --highlight-padding: 0.1em 0.2em;
    --highlight-margin-bottom: 0.15em;
    --highlight-line-height: 1;
}

.section.is-full {
    width: 100vw;
    height: 100vh;
    padding: 0;
    overflow:hidden
}

.full-page_wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1000px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem;
    display: flex;
    position:relative
}

.full-page_wrap.is-center {
    justify-content: center;
    align-items:center
}

.tiffany-bg-text {
    background-color: var(--color-teal);
    color: #000000;
}

.highlight-text-white-on-teal {
    background-color: var(--color-teal);
    display: inline-block;
    padding: var(--highlight-padding);
    margin-bottom: var(--highlight-margin-bottom);
    line-height: var(--highlight-line-height);
    color: var(--color-white);
}

.highlight-text-white-on-orange {
    background-color: var(--color-orange);
    display: inline-block;
    padding: var(--highlight-padding);
    margin-bottom: var(--highlight-margin-bottom);
    line-height: var(--highlight-line-height);
    color: var(--color-white);
}

.highlight-text-orange-on-white {
    background-color: var(--color-white);
    display: inline-block;
    padding: var(--highlight-padding);
    margin-bottom: var(--highlight-margin-bottom);
    line-height: var(--highlight-line-height);
    color: var(--color-orange);
}

.highlight-text-teal-on-white {
    background-color: var(--color-white);
    display: inline-block;
    padding: var(--highlight-padding);
    margin-bottom: var(--highlight-margin-bottom);
    line-height: var(--highlight-line-height);
    color: var(--color-teal);
}