.section.banner {max-width: 1920px;margin: 0 auto;height: 23.4375rem;z-index: 1; } .section.banner .img-fluid {width: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 28.75rem;object-fit: cover;clip-path: polygon(0 0, 120rem 0, 120rem calc(100% - 10.625rem), 0 100%); } .section.banner > .container {position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: flex-start; } .section.banner h1, .section.banner .h1 {font-size: 2.8125rem;left: 0.5rem;color: var(--white);width: 50%;text-align: left;margin-top: 11.375rem;padding: 0;text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); } @media (max-width: 1309.98px) {.section.banner h1, .section.banner .h1 {width: 60%;margin-left: auto;margin-right: auto;} } @media (max-width: 991.98px) {.section.banner h1, .section.banner .h1 {width: 60%;} } @media (max-width: 650.98px) {.section.banner h1, .section.banner .h1 {width: 95%;font-size: 2.1875rem;} } .section.banner .section-admin {bottom: -0.625rem; }