:root {
    --color-primary: #b8126e;
    --font-sans: "Roboto";
    --color-heading: #1a1a1a;
    --color-text: #333333;
}

body {
    font-family: var(--font-sans), sans-serif;
    color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-heading);
    font-family: var(--font-sans), sans-serif;
}

.text-primary {
    color: var(--color-primary);
}

.bg-primary {
    background-color: var(--color-primary);
}

.bnb-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 1320px;
}

.bnb-container-large {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 1580px;
}

.bnb-container-xl {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 1800px;
}

.bnb-nature-bg {
    background-image: url("../../img/image-30.png");
}

@media (min-width: 768px) {
    .bnb-nature-bg {
        background-image: url("../../img/image-31.png");
    }
}