.basiccontentblock, .generalcontentblock, .general-icon-card, .general-content-block-gradient {
    margin-top: 1.5em;
    padding-bottom: 1.5em
}

    .basiccontentblock H2, .generalcontentblock H2, .generalcontentblock H3, .general-icon-card H2, .general-icon-card H3, .general-content-block-gradient H2, .general-content-block-gradient H3 {
        margin-top: 0;
        margin-bottom: .5em
    }

    .basiccontentblock p, .generalcontentblock p, .general-icon-card p, .general-content-block-gradient p {
        padding: 0;
        margin: 0;
        margin-bottom: .75em
    }
.basiccontentblock.left {
    text-align: left;
}
.basiccontentblock.right {
    text-align: right;
}
.basiccontentblock.center {
    text-align: center;
}

.basiccontentblock .content-wrapper > .image > img,
.basiccontentblock .content-wrapper > .image > svg {
   margin-bottom: .75em;
}

@media(799px < width) {
    .generalcontentblock.left .content-grid, .generalcontentblock.right .content-grid, .general-icon-card.left .content-grid, .general-icon-card.right .content-grid, .general-content-block-gradient.left .content-grid, .general-content-block-gradient.right .content-grid {
        column-gap: 1.5rem
    }

    .generalcontentblock.left .content-grid, .general-icon-card.left .content-grid, .general-content-block-gradient.left .content-grid {
        grid-template-columns: auto 1fr
    }

        .generalcontentblock.left .content-grid .image, .general-icon-card.left .content-grid .image, .general-content-block-gradient.left .content-grid .image {
            grid-column: 1/2
        }

        .generalcontentblock.left .content-grid .description, .general-icon-card.left .content-grid .description, .general-content-block-gradient.left .content-grid .description {
            grid-column: 2/3
        }

    .generalcontentblock.right .content-grid, .general-icon-card.right .content-grid, .general-content-block-gradient.right .content-grid {
        grid-template-columns: 1fr auto
    }

        .generalcontentblock.right .content-grid .image, .general-icon-card.right .content-grid .image, .general-content-block-gradient.right .content-grid .image {
            grid-column: 2/3
        }

        .generalcontentblock.right .content-grid .description, .general-icon-card.right .content-grid .description, .general-content-block-gradient.right .content-grid .description {
            grid-column: 1/2
        }
}

.generalcontentblock .content-grid, .general-icon-card .content-grid, .general-content-block-gradient .content-grid {
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 1.5em;
    row-gap: 0
}

@media(width < 799px) {
    .generalcontentblock .content-grid .image, .general-icon-card .content-grid .image, .general-content-block-gradient .content-grid .image {
        justify-self: center;
        align-self: center;
        grid-row: 1/1
    }
}

.generalcontentblock .content-grid .title, .general-icon-card .content-grid .title, .general-content-block-gradient .content-grid .title {
    text-align: center;
    grid-column: 1/1;
    grid-row: 2/2
}

.generalcontentblock .content-grid .description, .general-icon-card .content-grid .description, .general-content-block-gradient .content-grid .description {
    text-align: center;
    grid-column: 1/1;
    grid-row: 3/3
}

.generalcontentblock .content-grid .button, .general-icon-card .content-grid .button, .general-content-block-gradient .content-grid .button {
    text-align: center;
    grid-column: 1/1;
    grid-row: 4/4
}

@media(799px < width) {
    .generalcontentblock .content-grid, .general-icon-card .content-grid, .general-content-block-gradient .content-grid {
        grid-template-rows: auto auto auto;
        grid-template-columns: auto 1fr
    }

        .generalcontentblock .content-grid .image, .general-icon-card .content-grid .image, .general-content-block-gradient .content-grid .image {
            justify-self: unset;
            grid-column: 1/1;
            grid-row: 1/4
        }

        .generalcontentblock .content-grid .title, .general-icon-card .content-grid .title, .general-content-block-gradient .content-grid .title {
            text-align: initial;
            grid-column: 2/2;
            grid-row: 1/1
        }

        .generalcontentblock .content-grid .description, .general-icon-card .content-grid .description, .general-content-block-gradient .content-grid .description {
            text-align: initial;
            grid-column: 2/2;
            grid-row: 2/2
        }

        .generalcontentblock .content-grid .button, .general-icon-card .content-grid .button, .general-content-block-gradient .content-grid .button {
            text-align: initial;
            grid-column: 2/2;
            grid-row: 3/3
        }
}

.generalcontentblock .gradient-background, .general-icon-card .gradient-background, .general-content-block-gradient .gradient-background {
    background: #f4f4f4;
    background: linear-gradient(#f4f4f4, #fff);
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6
}

@media(799px < width) {
    .generalcontentblock .gradient-background, .general-icon-card .gradient-background, .general-content-block-gradient .gradient-background {
        margin-top: -74px;
        padding: 120px 0 53px
    }
}

.basiccontentblock.border .content-wrapper,
.generalcontentblock.border .content-wrapper, .general-icon-card.border .content-wrapper, .general-content-block-gradient.border .content-wrapper {
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5;
    border-bottom: 8px solid #d1d1d1;
    border-radius: 5px;
    padding: 1.5rem 1.5rem 1.5rem 1.75rem
}
    .generalcontentblock.border .content-wrapper.accent1, .general-icon-card.border .content-wrapper.accent1, .general-content-block-gradient.border .content-wrapper.accent1 {
        border: 5px solid var(--accent1)
    }

        .generalcontentblock.border .content-wrapper.accent1 h2, .general-icon-card.border .content-wrapper.accent1 h2, .general-content-block-gradient.border .content-wrapper.accent1 h2 {
            color: var(--accent1)
        }

    .generalcontentblock.border .content-wrapper.accent2, .general-icon-card.border .content-wrapper.accent2, .general-content-block-gradient.border .content-wrapper.accent2 {
        border: 5px solid var(--accent2)
    }

        .generalcontentblock.border .content-wrapper.accent2 h2, .general-icon-card.border .content-wrapper.accent2 h2, .general-content-block-gradient.border .content-wrapper.accent2 h2 {
            color: var(--accent2)
        }

    .generalcontentblock.border .content-wrapper.accent4, .general-icon-card.border .content-wrapper.accent4, .general-content-block-gradient.border .content-wrapper.accent4 {
        border: 5px solid var(--accent4)
    }

        .generalcontentblock.border .content-wrapper.accent4 h2, .general-icon-card.border .content-wrapper.accent4 h2, .general-content-block-gradient.border .content-wrapper.accent4 h2 {
            color: var(--accent4)
        }

@media(799px < width) {
    .general-icon-card .content-grid {
        column-gap: 1.5rem
    }
}

.general-icon-card .image {
    min-width: 59px;
    max-width: 59px
}

    .general-icon-card .image svg,
    .general-icon-card .image .svg {
        min-width: 100%;
        max-width: 100%;
        height: auto;        
    }
    
    

.accent1 .general-icon-card .image {
    color: var(--accent1)
}

.accent2 .general-icon-card .image {
    color: var(--accent2)
}

.accent4 .general-icon-card .image {
    color: var(--accent4)
}

.block.left h2 {
    margin-top: 0
}