.u-section-1 .u-sheet-1 { min-height: 929px; } .u-section-1 .u-text-1 { letter-spacing: 2px; text-transform: uppercase; font-weight: 300; margin: 60px auto 0; } .u-section-1 .u-text-2 { font-weight: 700; font-size: 2.25rem; width: 653px; margin: 25px auto 0; } .u-section-1 .u-list-1 { margin-bottom: 60px; margin-top: 56px; } .u-section-1 .u-repeater-1 { grid-template-columns: calc(33.3333% - 26.6667px) calc(33.3333% - 26.6667px) calc(33.3333% - 26.6667px); min-height: 600px; grid-gap: 40px 40px; } .u-section-1 .u-list-item-1 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1); } .u-section-1 .u-container-layout-1 { padding: 0 0 30px; } .u-section-1 .u-group-1 { min-height: 232px; margin-top: 0; margin-bottom: 0; height: auto; } .u-section-1 .u-container-layout-2 { padding: 30px; } .u-section-1 .u-text-3 { margin-bottom: 0; margin-top: 0; font-weight: 700; } .u-section-1 .u-text-4 { font-weight: 700; font-size: 3.75rem; margin: 32px 0 0 auto; } .u-section-1 .u-text-5 { line-height: 2; letter-spacing: 1px; text-align: center; margin: 20px 0 0 15px; } .u-section-1 .u-btn-1 { text-transform: uppercase; font-size: 1rem; letter-spacing: 1px; font-weight: 600; background-image: none; margin: 32px auto 0; padding: 19px 69px 20px 68px; } .u-section-1 .u-text-6 { margin: 30px 15px 0 60px; } .u-section-1 .u-list-item-2 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1); } .u-section-1 .u-container-layout-3 { padding: 0 0 30px; } .u-section-1 .u-group-2 { min-height: 232px; margin-top: 0; margin-bottom: 0; height: auto; } .u-section-1 .u-container-layout-4 { padding: 30px; } .u-section-1 .u-text-7 { margin-bottom: 0; margin-top: 0; font-weight: 700; } .u-section-1 .u-text-8 { font-weight: 700; font-size: 3.75rem; margin: 32px 0 0 auto; } .u-section-1 .u-text-9 { line-height: 2; letter-spacing: 1px; text-align: center; margin: 20px 0 0 15px; } .u-section-1 .u-btn-2 { text-transform: uppercase; font-size: 1rem; letter-spacing: 1px; font-weight: 600; background-image: none; border-style: none; margin: 32px auto 0; padding: 19px 69px 20px 68px; } .u-section-1 .u-text-10 { margin: 30px 15px 0 60px; } .u-section-1 .u-list-item-3 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1); } .u-section-1 .u-container-layout-5 { padding: 0 0 30px; } .u-section-1 .u-group-3 { min-height: 232px; margin-top: 0; margin-bottom: 0; height: auto; } .u-section-1 .u-container-layout-6 { padding: 30px; } .u-section-1 .u-text-11 { margin-bottom: 0; margin-top: 0; font-weight: 700; } .u-section-1 .u-text-12 { font-weight: 700; font-size: 3.75rem; margin: 32px 0 0 auto; } .u-section-1 .u-text-13 { line-height: 2; letter-spacing: 1px; text-align: center; margin: 20px 0 0 15px; } .u-section-1 .u-btn-3 { text-transform: uppercase; font-size: 1rem; letter-spacing: 1px; font-weight: 600; background-image: none; margin: 32px auto 0; padding: 19px 69px 20px 68px; } .u-section-1 .u-text-14 { margin: 30px 15px 0 60px; } @media (max-width: 1199px) { .u-section-1 .u-repeater-1 { grid-template-columns: repeat(3, calc(33.333333333333336% - 26.666700000000002px)); min-height: 416px; } .u-section-1 .u-group-1 { height: auto; } .u-section-1 .u-text-5 { width: 103px; margin-left: 0; } .u-section-1 .u-text-6 { margin-right: 0; margin-left: 0; } .u-section-1 .u-group-2 { height: auto; } .u-section-1 .u-text-9 { width: 103px; margin-left: 0; } .u-section-1 .u-text-10 { margin-right: 0; margin-left: 0; } .u-section-1 .u-group-3 { height: auto; } .u-section-1 .u-text-13 { width: 103px; margin-left: 0; } .u-section-1 .u-text-14 { margin-right: 0; margin-left: 0; } } @media (max-width: 991px) { .u-section-1 .u-repeater-1 { grid-template-columns: repeat(2, calc(50% - 20.000025px)); min-height: 956px; } } @media (max-width: 767px) { .u-section-1 .u-text-2 { width: 540px; } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; } .u-section-1 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-6 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-1 .u-text-2 { width: 340px; font-size: 1.5rem; } }.u-section-2 .u-sheet-1 { min-height: 803px; } .u-section-2 .u-text-1 { font-size: 3rem; margin: 60px auto 0; } .u-section-2 .u-list-1 { width: 730px; grid-template-rows: auto auto auto; margin: 30px auto 0; } .u-section-2 .u-repeater-1 { grid-auto-columns: 100%; grid-template-columns: 100%; grid-gap: 10px 10px; min-height: 504px; } .u-section-2 .u-container-layout-1 { padding: 10px 30px; } .u-section-2 .u-text-2 { font-weight: 700; margin: 0 auto 0 94px; } .u-section-2 .u-icon-1 { height: 64px; width: 64px; margin: -4px auto 0 0; } .u-section-2 .u-text-3 { margin: -36px 0 0 94px; } .u-section-2 .u-container-layout-2 { padding: 10px 30px; } .u-section-2 .u-text-4 { font-weight: 700; margin: 0 auto 0 94px; } .u-section-2 .u-icon-2 { height: 64px; width: 64px; margin: -4px auto 0 0; } .u-section-2 .u-text-5 { margin: -36px 0 0 94px; } .u-section-2 .u-container-layout-3 { padding: 10px 30px; } .u-section-2 .u-text-6 { font-weight: 700; margin: 0 auto 0 94px; } .u-section-2 .u-icon-3 { height: 64px; width: 64px; margin: -4px auto 0 0; } .u-section-2 .u-text-7 { margin: -36px 0 0 94px; } .u-section-2 .u-btn-1 { --radius: 50px; font-weight: 700; text-transform: uppercase; font-size: 1.5rem; letter-spacing: 1px; background-image: none; margin: 30px auto 40px; padding: 24px 48px 25px 47px; } @media (max-width: 1199px) { .u-section-2 .u-text-1 { font-size: 2.25rem; } .u-section-2 .u-list-1 { height: auto; } } @media (max-width: 991px) { .u-section-2 .u-list-1 { width: 720px; } .u-section-2 .u-text-2 { margin-top: 11px; margin-left: 89px; } .u-section-2 .u-text-3 { width: auto; margin-top: -35px; margin-right: 97px; margin-left: 89px; } .u-section-2 .u-text-4 { margin-left: 89px; } .u-section-2 .u-text-5 { width: auto; margin-top: -35px; margin-right: 97px; margin-left: 89px; } .u-section-2 .u-text-6 { margin-left: 89px; } .u-section-2 .u-text-7 { width: auto; margin-top: -35px; margin-right: 97px; margin-left: 89px; } } @media (max-width: 767px) { .u-section-2 .u-list-1 { width: 540px; } .u-section-2 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-2 .u-text-2 { width: auto; margin-top: 0; margin-left: 94px; } .u-section-2 .u-icon-1 { margin-top: -14px; } .u-section-2 .u-text-3 { margin-top: -32px; margin-right: 0; margin-left: 94px; } .u-section-2 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-2 .u-text-4 { width: auto; margin-left: 94px; } .u-section-2 .u-icon-2 { margin-top: -14px; } .u-section-2 .u-text-5 { margin-top: -32px; margin-right: 0; margin-left: 94px; } .u-section-2 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-2 .u-text-6 { width: auto; margin-left: 94px; } .u-section-2 .u-icon-3 { margin-top: -14px; } .u-section-2 .u-text-7 { margin-top: -32px; margin-right: 0; margin-left: 94px; } } @media (max-width: 575px) { .u-section-2 .u-text-1 { width: auto; } .u-section-2 .u-list-1 { width: 340px; margin-left: 0; } }