/* Bootsrap customization */

:root {
    --bs-body-font-size: 14px;
    /* --bs-body-font-family: "Roboto"; */
    --bs-pagination-color: #b3b3b3;
    /* --bs-link-color: #b3b3b3; */
    --bs-link-color: #000000;
    --bs-link-hover-color: #000000;
    /* --bs-pagination-active-color: #b3b3b3;
    --bs-pagination-active-bg: #b3b3b3;
    --bs-pagination-active-border-color: #b3b3b3; */
}

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* Pagination */
.active>.page-link {
    background-color: #b3b3b3;
    border-color: #b3b3b3;
}

.pagination-info {
    display: none;
}

.btn {
    font-size: 14px;
    box-shadow: 2px 2px 5px #c7c7c7;
}

.form-control {
    font-size: 0.9rem;
}

.form-select {
    font-size: 0.9rem;
}

/* Max widths */

.mw30 {
    max-width: 30px;
}

.mw40 {
    max-width: 40px;
}

.mw50 {
    max-width: 50px;
}

.mw60 {
    max-width: 60px;
}

.mw70 {
    max-width: 70px;
}

.mw80 {
    max-width: 80px;
}

.mw90 {
    max-width: 90px;
}

.mw100 {
    max-width: 100px;
}

.mw150 {
    max-width: 150px;
}

.mw200 {
    max-width: 200px;
}

.mw250 {
    max-width: 250px;
}

.mw300 {
    max-width: 300px;
}

/* end */

@media (min-width: 576px) {
    /*

    Bootstrap default:
    
     h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.75rem;
    }

    h4 {
        font-size: 1.5rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1rem;
    } */

    h1 {
        font-size: 2rem;
        font-weight: 500;
    }

    h2 {
        font-size: 1.75rem;
        font-weight: 500;
    }

    h3 {
        font-size: 1.5rem;
        font-weight: 500;
    }

    h4 {
        font-size: 1.25rem;
        font-weight: 500;
    }

    h5 {
        font-size: 1rem;
        font-weight: 500;
    }

    h6 {
        font-size: 0.75rem;
        font-weight: 500;
    }
}