.yellow {
    color: #ffff85;
    font-size: 1em;
    text-align: top;
}
.u-section-p .u-sheet-1 {
    min-height: 613px;
}

.u-section-p .u-list-1 {
    grid-template-rows: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.u-section-p .u-repeater-1 {
    grid-template-columns: 25% 25% 25% 25%;
    min-height: 513px;
    grid-gap: 0px 0px;
    grid-auto-columns: 25%;
}

.u-section-p .u-container-layout-1 {
    padding: 20px 30px;
}

.u-section-p .u-image-1 {
    height: 213px;
    margin: 0 auto 0 0;
}

.u-section-p .u-text-1 {
    margin: 20px auto 0 0;
}

.u-section-p .u-text-2 {
    margin: 20px 0 0;
}

.u-section-p .u-btn-1 {
    font-size: 0.875rem;
    letter-spacing: 1px;
    border-style: none none solid;
    text-transform: uppercase;
    margin: 20px auto 0 0;
    padding: 2px 0;
}

.u-section-p .u-container-layout-2 {
    padding: 20px 30px;
}

.u-section-p .u-image-2 {
    height: 213px;
    margin: 0 auto 0 0;
}

.u-section-p .u-text-3 {
    margin: 20px auto 0 0;
}

.u-section-p .u-text-4 {
    margin: 20px 0 0;
}

.u-section-p .u-btn-2 {
    font-size: 0.875rem;
    letter-spacing: 1px;
    border-style: none none solid;
    text-transform: uppercase;
    margin: 20px auto 0 0;
    padding: 2px 0;
}

.u-section-p .u-container-layout-3 {
    padding: 20px 30px;
}

.u-section-p .u-image-3 {
    height: 213px;
    margin: 0 auto 0 0;
}

.u-section-p .u-text-5 {
    margin: 20px auto 0 0;
}

.u-section-p .u-text-6 {
    margin: 20px 0 0;
}

.u-section-p .u-btn-3 {
    font-size: 0.875rem;
    letter-spacing: 1px;
    border-style: none none solid;
    text-transform: uppercase;
    margin: 20px auto 0 0;
    padding: 2px 0;
}

.u-section-p .u-container-layout-4 {
    padding: 20px 30px;
}

.u-section-p .u-image-4 {
    height: 213px;
    margin: 0 auto 0 0;
}

.u-section-p .u-text-7 {
    margin: 20px auto 0 0;
}

.u-section-p .u-text-8 {
    margin: 20px 0 0;
}

.u-section-p .u-btn-4 {
    font-size: 0.875rem;
    letter-spacing: 1px;
    border-style: none none solid;
    text-transform: uppercase;
    margin: 20px auto 0 0;
    padding: 2px 0;
}

@media (max-width: 1199px) {
    .u-section-p .u-repeater-1 {
        grid-template-columns: repeat(4, 25%);
        min-height: 423px;
    }
    .u-section-p .u-image-1 {
        height: 166px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-2 {
        height: 166px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-3 {
        height: 166px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-4 {
        height: 200px;
        margin-right: initial;
        margin-left: initial;
    }
}

@media (max-width: 991px) {
    .u-section-p .u-repeater-1 {
        grid-template-columns: repeat(2, 50%);
        min-height: 1296px;
        grid-auto-columns: 50%;
    }
    .u-section-p .u-image-1 {
        height: 285px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-2 {
        height: 285px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-3 {
        height: 285px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-4 {
        height: 237px;
        margin-right: initial;
        margin-left: initial;
    }
}

@media (max-width: 767px) {
    .u-section-p .u-repeater-1 {
        grid-template-columns: 100%;
        grid-auto-columns: 100%;
    }
    .u-section-p .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .u-section-p .u-image-1 {
        height: 494px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-container-layout-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .u-section-p .u-image-2 {
        height: 494px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-container-layout-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .u-section-p .u-image-3 {
        height: 494px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-container-layout-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .u-section-p .u-image-4 {
        height: 411px;
        margin-right: initial;
        margin-left: initial;
    }
}

@media (max-width: 575px) {
    .u-section-p .u-image-1 {
        height: 304px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-2 {
        height: 304px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-3 {
        height: 304px;
        margin-right: initial;
        margin-left: initial;
    }
    .u-section-p .u-image-4 {
        height: 253px;
        margin-right: initial;
        margin-left: initial;
    }
}