/* BIGTITLE */
#bigtitle {
	border-bottom : 1px solid #ddd;
	margin        : .5rem 0 1rem 0;
	}
#bigtitle h1 {
	text-shadow : 1px 1px #fafafa;
	font-weight : 700;
	margin      : .25rem
	}
#bigtitle a {
	color : #000;
	}
@media (min-width : 992px) {
	#bigtitle {
		margin  : 1.5rem 0 1rem 0;
		padding : 0
		}
	}

/* NAV */
.navbar-brand {
	font-family    : Verdana, sans-serif;
	font-size      : 1.7rem;
	line-height    : 1.7rem;
	font-style     : italic;
	letter-spacing : -0.1rem;
	margin         : -0.1rem auto;
	}

/* NAV WIDTH */
@media (min-width : 992px) {
	.nav-link-custom {
		min-width : 115px
		}
	}
@media (min-width : 1200px) {
	.nav-link-custom {
		min-width : 150px
		}
	}

/* NAV COLOR */
:root {
	--custom-bg                 : #b80000;
	--custom-bg-rgb             : 184, 0, 0;
	--custom-border             : #980000;
	--custom-hover-bg           : #640000;
	--custom-accent             : #ca0002;
	--custom-highlight-bg       : #00857c;
	--custom-highlight-bg-hover : #006a63;
	
	--custom-margin-bottom      : 77px;
	--custom-margin-bottom-md   : 61px;
	}

.navbar-custom {
	background : var(--custom-bg);
	}
.navbar-custom-flat {
	background : var(--custom-bg) !important;
	}

.navbar-custom-border-top {
	border-top : 1px solid var(--custom-border);
	}

.navbar-custom-border-bottom {
	border-bottom : 1px solid var(--custom-border);
	}

.navbar-footer .nav-link-custom {
	border-right : 1px solid var(--custom-border);
	border-left  : 1px solid var(--custom-accent);
	}

.navbar-nav > .active > a, .navbar-footer a.nav-link-custom:hover {
	background : var(--custom-hover-bg);
	}

.navbar-nav > .highlight > a {
	background : var(--custom-highlight-bg);
	}
.navbar-nav > .highlight > a:hover {
	background : var(--custom-highlight-bg-hover);
	}

.navbar-footer.nav-link-custom-border-left,
.navbar-footer .nav-link-custom-border-left {
	border-left : 1px solid var(--custom-border);
	}

.navbar-custom-margin-bottom {
	margin-bottom : var(--custom-margin-bottom);
	}

@media (min-width : 576px) {
	.navbar-custom-margin-bottom {
		margin-bottom : var(--custom-margin-bottom-md);
		}
	}

@media (min-width : 768px) {
	.navbar-custom {
		background-image : linear-gradient(to bottom, var(--custom-border), var(--custom-accent));
		}
	}

@media (min-width : 992px) {
	.nav-link-custom-border-left {
		border-left : 1px solid var(--custom-border);
		}
	
	.nav-link-custom {
		border-right : 1px solid var(--custom-border);
		border-left  : 1px solid var(--custom-accent);
		}
	}