/* == BASE ================================================================== */
body, html
    {
    margin: 0;
    background: #404040;
    }

.container
    {
    min-width: 340px;
    width: 65vw;
    }

.main
    {
    width: max-content;
    background: #ffffff;
    margin:  0 auto;
    box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .35);
    }

.row-h-center
    {
    height: 100vh;
    }

.dropdown-toggle::after {
    display: none !important;
    }


/* == MEDIA-QUERIES ========================================================= */

/* -- SM-MAX ---------------------------------------------------------------- */
@media (max-width: 767px)
	{
    .container
        {
        width: 85vw;
        }
	}

/* -- MD-MIN ---------------------------------------------------------------- */
@media (min-width: 768px)
	{
    .container
        {
        width: 60vw;
        }
	}

/* -- LG-MIN ---------------------------------------------------------------- */
@media (min-width: 992px)
	{
    .container
        {
        width: 50vw;
        }
	}



/* == PRIMARY-BUTTON / PRIMARY-TEXT ========================================= */
.btn-primary
    {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff6600;
    --bs-btn-border-color: #ff6600;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ea6004;
    --bs-btn-hover-border-color: #ea6004;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #db5700;
    --bs-btn-active-border-color: #db5700;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff6600;
    --bs-btn-disabled-border-color: #ff6600;
    }