.u-section-1 .u-sheet-1 { min-height: 142px; } .u-section-1 .u-text-1 { margin: 45px auto; } @media (max-width: 575px) { .u-section-1 .u-text-1 { width: auto; margin-left: 0; margin-right: 0; } }.u-section-2 { background-image: url("images/Screenshot_1.png"); } .u-section-2 .u-sheet-1 { min-height: 764px; } .u-section-2 .u-group-1 { width: 703px; min-height: 481px; background-image: none; margin: 60px auto; } .u-section-2 .u-container-layout-1 { padding: 30px; } .u-section-2 .u-image-1 { object-position: 50% 59.65%; width: 160px; height: 160px; background-image: url("images/7a5b62d2f8321d765bb3a7dd45842983b0ee05fbeaa27ecf7c4ce71b8f1c07956fae5cd5a66558e3b2dcb2d7ef51ca6fa2771a746fe10d707d6f6c_1280.png"); background-position: 50% 50%; margin: 20px auto 0; } .u-section-2 .u-text-1 { font-size: 1.25rem; line-height: 1.4; margin: 20px 0 0; } .u-section-2 .u-text-2 { font-size: 2.25rem; font-weight: 700; width: 274px; margin: 34px auto 0; } .u-section-2 .u-text-3 { line-height: 1.2; letter-spacing: 1px; font-weight: 300; width: 299px; margin: 20px auto 0; } @media (max-width: 1199px) { .u-section-2 { background-position: 50% 50%; } .u-section-2 .u-sheet-1 { min-height: 650px; } } @media (max-width: 767px) { .u-section-2 .u-sheet-1 { min-height: 637px; } .u-section-2 .u-group-1 { margin-top: 88px; min-height: 462px; margin-right: initial; margin-left: initial; width: auto; } .u-section-2 .u-container-layout-1 { padding: 20px; } .u-section-2 .u-text-1 { margin-top: 7px; } } @media (max-width: 575px) { .u-section-2 .u-sheet-1 { min-height: 656px; } .u-section-2 .u-group-1 { margin-top: 80px; min-height: 488px; width: auto; margin-right: initial; margin-left: initial; } .u-section-2 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-2 .u-image-1 { width: 132px; height: 132px; } .u-section-2 .u-text-1 { font-size: 1.125rem; width: auto; margin-top: 16px; } .u-section-2 .u-text-2 { font-size: 1.875rem; } }.u-section-3 .u-sheet-1 { min-height: 142px; } .u-section-3 .u-text-1 { margin: 45px auto; }.u-section-4 { background-image: url("images/Screenshot_2.png"); } .u-section-4 .u-sheet-1 { min-height: 764px; } .u-section-4 .u-group-1 { width: 703px; min-height: 481px; background-image: none; margin: 60px auto; } .u-section-4 .u-container-layout-1 { padding: 30px; } .u-section-4 .u-image-1 { object-position: 50% 59.65%; width: 160px; height: 160px; background-image: url("https://pixabay.com/get/gf176e7e73e7a5b62d2f8321d765bb3a7dd45842983b0ee05fbeaa27ecf7c4ce71b8f1c07956fae5cd5a66558e3b2dcb2d7ef51ca6fa2771a746fe10d707d6f6c_1280.png"); background-position: 50% 50%; margin: 20px auto 0; } .u-section-4 .u-text-1 { font-size: 1.25rem; line-height: 1.4; margin: 20px 0 0; } .u-section-4 .u-text-2 { font-size: 2.25rem; font-weight: 700; width: 274px; margin: 34px auto 0; } .u-section-4 .u-text-3 { line-height: 1.2; letter-spacing: 1px; font-weight: 300; width: 299px; margin: 20px auto 0; } @media (max-width: 1199px) { .u-section-4 { background-position: 50% 50%; } .u-section-4 .u-sheet-1 { min-height: 650px; } } @media (max-width: 767px) { .u-section-4 .u-sheet-1 { min-height: 637px; } .u-section-4 .u-group-1 { margin-top: 88px; min-height: 462px; margin-right: initial; margin-left: initial; width: auto; } .u-section-4 .u-container-layout-1 { padding: 20px; } .u-section-4 .u-text-1 { margin-top: 7px; } } @media (max-width: 575px) { .u-section-4 .u-sheet-1 { min-height: 656px; } .u-section-4 .u-group-1 { margin-top: 80px; min-height: 488px; width: auto; margin-right: initial; margin-left: initial; } .u-section-4 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-4 .u-image-1 { width: 132px; height: 132px; } .u-section-4 .u-text-1 { font-size: 1.125rem; width: auto; margin-top: 16px; } .u-section-4 .u-text-2 { font-size: 1.875rem; } }