.u-section-1 { background-image: url("images/background.jpg"); background-position: 50% 50%; } .u-section-1 .u-sheet-1 { min-height: 711px; } .u-section-1 .u-slider-1 { width: 533px; min-height: 394px; margin: 60px auto 60px 0; } .u-section-1 .u-carousel-indicators-1 { position: absolute; width: 32px; height: 10px; top: auto; left: 0; right: auto; bottom: -21px; } .u-section-1 .u-carousel-item-1 { background-image: none; } .u-section-1 .u-container-layout-1 { padding: 30px 65px; } .u-section-1 .u-text-1 { text-transform: uppercase; font-weight: 700; font-family: "PT Sans", sans-serif; font-size: 3rem; margin: 0; } .u-section-1 .u-text-2 { font-size: 1.125rem; text-transform: none; letter-spacing: normal; font-weight: 400; margin: 20px 0 0; } .u-section-1 .u-btn-1 { background-image: none; text-transform: uppercase; letter-spacing: 3px; font-size: 0.875rem; border-style: solid; font-weight: 700; margin: 20px auto 0 0; } .u-section-1 .u-carousel-control-1 { width: 45px; height: 45px; } .u-section-1 .u-carousel-control-2 { width: 45px; height: 45px; } @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { min-height: 586px; } .u-section-1 .u-slider-1 { height: auto; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 489px; } .u-section-1 .u-container-layout-1 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-text-1 { width: auto; margin-top: 44px; margin-left: 39px; } .u-section-1 .u-text-2 { width: auto; margin-right: 27px; margin-left: 39px; } .u-section-1 .u-btn-1 { margin-left: 39px; padding: 10px 31px 11px 30px; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 367px; } .u-section-1 .u-slider-1 { margin-right: initial; margin-left: initial; width: auto; } .u-section-1 .u-container-layout-1 { padding-left: 40px; padding-right: 40px; } .u-section-1 .u-text-1 { margin-left: 0; } .u-section-1 .u-text-2 { margin-left: 0; margin-right: 0; } .u-section-1 .u-btn-1 { margin-left: 0; } } @media (max-width: 575px) { .u-section-1 .u-sheet-1 { min-height: 800px; } .u-section-1 .u-slider-1 { margin-top: 80px; width: auto; margin-right: initial; margin-left: initial; } .u-section-1 .u-container-layout-1 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-text-1 { font-size: 2.625rem; margin-top: 0; } .u-section-1 .u-text-2 { font-size: 1rem; } }