.column {
    width: 100%;
    max-width: var(--site-width);
    margin: 0 auto;
    max-width: 100%
}

.column-component-grid-container {
    width: 100%;
    max-width: var(--site-width);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    justify-items: center;
    justify-content: center;
    padding: 0 9.6%
}

@media only screen and (min-width: 48em) {
    .column-component-grid-container {
        gap: 1rem;
        padding: 0 6%
    }
}

@media only screen and (min-width: 48em) {
    .column-component-grid-container.two-columns {
        grid-template-columns: 1fr 1fr;
        gap: 2rem
    }

    .column-component-grid-container.two-columns.large-small {
        grid-template-columns: 2fr 1fr
    }

    .column-component-grid-container.two-columns.large-small .column-component-column:first-child {
        padding: 0 5% 0 0
    }

    .column-component-grid-container.two-columns.small-large {
        grid-template-columns: 1fr 2fr
    }

    .column-component-grid-container.two-columns.small-large .column-component-column:nth-child(2n+2) {
        padding: 0 0 0 5%
    }

    .column-component-grid-container.three-columns {
        display: flex;
        min-height: 0;
        gap: 2rem
    }

    .column-component-grid-container.three-columns .column-component-column {
        display: flex;
        max-width: 33.333%
    }
}

@media only screen and (min-width: 90em) {
    .column-component-grid-container {
        padding: 0
    }
}

.reno-columns .column-component-grid-container {
    gap: 0
}

@media only screen and (min-width: 48em) {
    .reno-columns .column-component-grid-container {
        gap: 1rem
    }
}

@media only screen and (min-width: 48em) {
    .reno-columns .column-component-grid-container.two-columns {
        gap: 2rem
    }
}

.column-component-column {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    padding-bottom: 2rem
}

.column-component-column form li:before {
    content: "" !important
}

.column-component-column form li span {
    width: 100% !important;
    padding-right: 0 !important
}

.column-component-column form li span br {
    display: none
}

.column-component-column form li span label {
    text-align-last: left
}

.column-component-column form .gfield_checkbox {
    margin-left: 0 !important
}

.column-component-column form .gfield_checkbox li {
    display: flex !important;
    align-items: baseline !important
}

.column-component-column form .gfield_checkbox li input {
    display: inline-flex !important;
    margin-right: 10px
}

.column-component-column .gform_validation_errors {
    margin: 0 auto
}

.column-component-column .gform_confirmation_message {
    font-family: "din-condensed", sans-serif;
    font-weight: 300;
    padding: 0;
    margin: 0 0 15px
}

.column-hero-container {
    text-align: center
}

.column-hero-container img {
    margin: 0 auto
}

.column-content-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 2rem;
    margin: 0 10%
}

.column-content-header {
    text-align: center;
    color: #092947;
    font-family: "din-condensed", sans-serif;
    text-transform: uppercase;
    --minFontSize: 3.2rem;
    --maxFontSize: 4.8rem;
    --scaler: 8vw;
    font-size: clamp(var(--minFontSize), var(--scaler), var(--maxFontSize));
    text-transform: none;
    font-family: "din-condensed", sans-serif;
    font-weight: 300
}

.column-content-header h1,
.column-content-header h2,
.column-content-header h3,
.column-content-header h4,
.column-content-header h5,
.column-content-header h6 {
    font-family: "din-condensed", sans-serif;
    font-weight: 300
}

.two-columns .column-content-header,
.three-columns .column-content-header {
    font-size: 3.2rem
}

.column-content-description {
    flex: 1;
    padding-bottom: 2rem
}

.column-content-description p {
    text-align: center
}

@media only screen and (min-width: 64em) {
    .column-content-description p {
        font-size: 1.6rem;
        line-height: 1.7
    }
}

.column-content-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto
}

@media only screen and (min-width: 48em) {
    .three-columns .column-component-column.centered-column {
        grid-column-start: 2
    }

    .three-columns .column-component-column.centered-column+.centered-column {
        margin-bottom: 9rem
    }
}

/*# sourceMappingURL=column.css.map */