/* base */
:root{
    --bs-font-sans-serif: 'Roboto';
    --bs-body-color: #0a0a0a;
    --bs-body-bg: #ffffff;
    --bs-border-color: #eeeeee;
}

body,
html {
    height: 100%;
}
body {
    background-color: var(--bs-body-bg);
    font-family: var(--bs-font-sans-serif);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
    body {

    }
}

@media all and (min-width: 100rem) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1424px;
    }
}

a {
    text-decoration: none;

}
@media (min-width: 992px) {

}
@media all and (max-width: 30rem) {
    .brand-logo img {
        width: 95%;
        height: auto;
    }
}