@import url(colors.css);
@import url(partials/header.css);
@import url(partials/navbar.css);
@import url(partials/footer.css);
@import url(partials/follow-us.css);
@import url(partials/floating-whatsapp.css);
@import url(banner.css);
@import url(content.css);

.display-4,
.lead,
h1 {
    overflow-wrap: break-word
}

:root {
    font-size: clamp(.875rem, .8rem + .5vw, 1rem)
}

body {
    font-family: Inter, sans-serif
}

.display-4,
h1 {
    font-size: clamp(2rem, 1rem + 5vw, 3.5rem) !important
}

h2 {
    font-size: clamp(1.75rem, 1.25rem + 2.5vw, 2.5rem)
}

.card-title,
.h5,
h5 {
    font-size: clamp(1.125rem, 1rem + .625vw, 1.25rem)
}

.lead {
    font-size: clamp(1.125rem, 1rem + .625vw, 1.375rem)
}

#sticky-wrapper {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: var(--pure-white);
    transition: .4s ease-in-out
}

#sticky-wrapper.header-hidden #header-placeholder {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none
}