:root {
    --default-border-radius: 10px;
    --input-border-radius: 5px;
}

/* LAYOUT */
html, body {
    height: 100%;
    margin: 0;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

/*FOOTER*/
.tt-footer {
    margin-top: var(--space-xl);
    width: 100%;
}
.tt-footer .u-container {
    width: 100%;
    grid-column: span 12;
    padding-block: var(--space-s);
}
.tt-footer svg {
    max-width: 219px;
}
.tt-footer .tt-paragraph {
    min-width: 100%;
}


/* LANDING PAGE */
.tt-landing-page {
    background-color:var(--bg-color);
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    flex-grow: 1;
}

.tt-landing-page * {
    font-family: "PP Neue Montreal", sans-serif;
}

.tt-landing-page section {
    width:100%;
}


/* SECTION CODE */
.tt-hero .grid-base {
    grid-template-rows: 1fr;
    padding-top: var(--space-3xl);
}
.tt-hero .tt-text-content {
    display:flex;
    flex-direction: column;
}


/* TEXT AND IMAGE SECTION */
.tt-text-and-images h2 {
    text-align: center;
}

.tt-text-and-images .tt-content-element:nth-child(even) img{
    order:2;

}
.tt-text-and-images ul {
    display: flex;
    gap: var(--space-3xl);
    flex-direction: column;
}

/* PLACEMENT */
.tt-text-end {
    margin-left: auto;
}

.tt-text-right {
    text-align: right;
}
.tt-text-center {
    text-align: center;
}

.justify-content-end {
    justify-content: flex-end;
}

/* UTILITY */
.tt-w-100 {
    width: 100%;
}