.u-section-1 { min-height: 336px; } .u-section-1 .u-image-1 { width: 490px; height: 334px; margin: 8px auto 0 0; } .u-section-1 .u-text-1 { font-weight: 700; font-size: 3rem; width: 639px; margin: -275px auto 0; } .u-section-1 .u-text-2 { font-size: 1.25rem; width: 639px; margin: 8px auto 0; } @media (max-width: 1199px) { .u-section-1 { min-height: 845px; } .u-section-1 .u-image-1 { margin-top: 288px; margin-left: calc(((100% - 1140px) / 2) + -97px); } .u-section-1 .u-text-1 { margin-top: 20px; margin-right: calc(((100% - 1140px) / 2) + 100px); margin-left: calc(((100% - 1140px) / 2) + 401px); } .u-section-1 .u-text-2 { margin-right: calc(((100% - 1140px) / 2) + 100px); margin-left: calc(((100% - 1140px) / 2) + 401px); } } @media (max-width: 991px) { .u-section-1 .u-image-1 { margin-left: calc(((100% - 1140px) / 2) + 13px); } .u-section-1 .u-text-1 { margin-right: calc(((100% - 1140px) / 2) + 210px); margin-left: calc(((100% - 1140px) / 2) + 291px); } .u-section-1 .u-text-2 { margin-right: calc(((100% - 1140px) / 2) + 210px); margin-left: calc(((100% - 1140px) / 2) + 291px); } } @media (max-width: 767px) { .u-section-1 { min-height: 782px; } .u-section-1 .u-image-1 { margin-left: calc(((100% - 1140px) / 2) + 103px); } .u-section-1 .u-text-1 { font-size: 1.875rem; width: 540px; margin-left: calc(((100% - 1140px) / 2) + 300px); margin-right: calc(((100% - 1140px) / 2) + 300px); } .u-section-1 .u-text-2 { width: 540px; margin-left: calc(((100% - 1140px) / 2) + 300px); margin-right: calc(((100% - 1140px) / 2) + 300px); } } @media (max-width: 575px) { .u-section-1 { min-height: 680px; } .u-section-1 .u-image-1 { width: 340px; height: 232px; margin-left: calc(((100% - 1140px) / 2) + 203px); } .u-section-1 .u-text-1 { font-size: 1.5rem; width: 340px; margin-left: calc(((100% - 1140px) / 2) + 400px); margin-right: calc(((100% - 1140px) / 2) + 400px); } .u-section-1 .u-text-2 { width: 340px; margin-left: calc(((100% - 1140px) / 2) + 400px); margin-right: calc(((100% - 1140px) / 2) + 400px); } } .u-section-2 { background-image: linear-gradient(0deg, rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url("images/268769830-0.jpeg"); background-position: 50% 50%; } .u-section-2 .u-sheet-1 { min-height: 823px; } .u-section-2 .u-text-1 { font-size: 6rem; font-weight: 700; margin: 200px auto 0; } .u-section-2 .u-text-2 { font-size: 1.75rem; margin: 30px 0 0; } .u-section-2 .u-btn-1 { background-image: none; text-transform: uppercase; font-weight: 700; margin: 39px auto 60px; } @media (max-width: 1199px) { .u-section-2 .u-sheet-1 { min-height: 679px; } .u-section-2 .u-text-1 { font-size: 4.5rem; } } @media (max-width: 991px) { .u-section-2 .u-sheet-1 { min-height: 520px; } } @media (max-width: 767px) { .u-section-2 .u-sheet-1 { min-height: 390px; } .u-section-2 .u-text-1 { font-size: 3.75rem; } } @media (max-width: 575px) { .u-section-2 .u-sheet-1 { min-height: 246px; } .u-section-2 .u-text-1 { font-size: 3rem; } }