.u-section-1 { background-image: url("/images/Web1.jpg"); background-position: 50% 50%; } .u-section-1 .u-sheet-1 { min-height: 1028px; } .u-section-1 .u-list-1 { width: 850px; margin: 70px auto 0; } .u-section-1 .u-repeater-1 { grid-template-columns: repeat(3, calc(33.3333% - 14px)); grid-gap: 21px; } .u-section-1 .u-list-item-1 { background-image: none; } .u-section-1 .u-container-layout-1 { padding: 30px; } .u-section-1 .u-icon-1 { height: 64px; width: 64px; margin: 0 auto; } .u-section-1 .u-text-1 { text-transform: uppercase; font-weight: 700; margin: 20px 0 0; } .u-section-1 .u-text-2 { margin: 19px 0 0; } .u-section-1 .u-list-item-2 { background-image: none; } .u-section-1 .u-container-layout-2 { padding: 30px; } .u-section-1 .u-icon-2 { height: 64px; width: 64px; margin: 0 auto; } .u-section-1 .u-text-3 { text-transform: uppercase; font-weight: 700; margin: 20px 0 0; } .u-section-1 .u-text-4 { margin: 19px 0 0; } .u-section-1 .u-btn-1 { background-image: none; } .u-section-1 .u-list-item-3 { background-image: none; } .u-section-1 .u-container-layout-3 { padding: 30px; } .u-section-1 .u-icon-3 { height: 64px; width: 64px; margin: 0 auto; } .u-section-1 .u-text-5 { text-transform: uppercase; font-weight: 700; margin: 20px 0 0; } .u-section-1 .u-text-6 { margin: 19px 0 0; } .u-section-1 .u-layout-wrap-1 { width: 1140px; margin: 38px auto 60px; } .u-section-1 .u-layout-cell-1 { min-height: 599px; background-image: none; } .u-section-1 .u-container-layout-4 { padding: 0; } @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { min-height: 743px; } .u-section-1 .u-layout-wrap-1 { width: 940px; } .u-section-1 .u-layout-cell-1 { min-height: 494px; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 1000px; } .u-section-1 .u-list-1 { margin-right: initial; margin-left: initial; width: auto; } .u-section-1 .u-text-1 { width: auto; } .u-section-1 .u-text-2 { width: auto; } .u-section-1 .u-text-3 { width: auto; } .u-section-1 .u-text-4 { width: auto; } .u-section-1 .u-text-5 { width: auto; } .u-section-1 .u-text-6 { width: auto; } .u-section-1 .u-layout-wrap-1 { margin-top: 51px; margin-bottom: 40px; margin-right: initial; margin-left: initial; width: auto; } .u-section-1 .u-layout-cell-1 { min-height: 549px; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 1124px; } .u-section-1 .u-repeater-1 { grid-template-columns: repeat(1, 100%); } .u-section-1 .u-container-layout-1 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-container-layout-2 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-btn-1 { padding: 0; } .u-section-1 .u-container-layout-3 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-layout-cell-1 { min-height: 657px; } } @media (max-width: 575px) { .u-section-1 .u-sheet-1 { min-height: 1179px; } .u-section-1 .u-list-1 { margin-top: 40px; width: auto; margin-right: initial; margin-left: initial; } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; } .u-section-1 .u-container-layout-1 { padding-left: 30px; padding-right: 30px; padding-bottom: 28px; } .u-section-1 .u-container-layout-2 { padding-left: 30px; padding-right: 30px; padding-bottom: 28px; } .u-section-1 .u-container-layout-3 { padding-left: 30px; padding-right: 30px; padding-bottom: 28px; } .u-section-1 .u-layout-wrap-1 { margin-top: 40px; width: auto; margin-right: initial; margin-left: initial; } .u-section-1 .u-layout-cell-1 { min-height: 334px; } }