@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

:root {
    --font-base: 'Montserrat', sans-serif;
    --font-title: 'MonteCarlo', sans-serif;
    --bg-color: #f6f2e6;
    --text-base-color: #333;
    --text-title-color: #a97d51;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-base);
    background-color: var(--bg-color);
    color: var(--text-base-color);
    margin: 0;
    padding: 0;
    word-break: break-word;
    overflow: hidden;
}

main {
    /*    max-width: 1200px;*/
    margin: auto;
}

main>.text-center {
    position: relative;
}

/* width */
::-webkit-scrollbar {
    width: 0;
}

.container,
.container-fluid {
    padding: 0;
    width: 100dvw;
    overflow-x: clip;
}

.base-content {
    font-size: 10px;
    line-height: 1.6;
    text-align: justify;
    font-weight: 500;
}

.base-max-width {
    max-width: 1200px;
    margin: 0 auto;
}

.base-max-width-text {
    max-width: 1200px;
    margin: auto;
}
/* Track */
::-webkit-scrollbar-track {
    /* background: #f1f1f1; */
}

/* Handle */
::-webkit-scrollbar-thumb {
    /* background: #888; */
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        /* background: #555; */
    }

/* Responsive breakpoints */

/* Small (≥576px) */
@media (min-width: 576px) {
    /* Styles for small devices */
}

/* Medium (≥768px) */
@media (min-width: 768px) {
    /* Styles for medium devices */
    .base-content {
        font-size: 12px;
        line-height: 1.4;
    }
}

/* Large (≥992px) */
@media (min-width: 992px) {
    /* Styles for large devices */
    .base-content {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* Extra Large (≥1200px) */
@media (min-width: 1200px) {
    /* Styles for extra-large devices */
}

/* XXL (≥1400px) */
/*@media (min-width: 1400px) {*/
    /* Styles for XXL devices */
    /*.base-content {
        font-size: 16px;
    }
}*/

/* XXL (≥1920px) */
/*@media (min-width: 1920px) {*/
    /* Styles for XXL devices */
    /*.base-content {
        font-size: 22px;
    }
}*/