html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    scroll-margin-top: 69px;
}

body main {
    scroll-margin-top: 69px;
	flex-grow: 1;
}

.extra {
    flex-grow: 1;
}
.flex-grow-1 {
    flex-grow: 1;
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}
.h-95 {
    height: 95% !important;
}
.h-90 {
    height: 90% !important;
}

h4.great {
	background: rgba(0, -52, 62, 9);
	margin: 0 0 25px -60px;
	padding: 7px 15px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	display: inline-block;
	-moz-box-shadow: 2px 4px 5px 0 #ccc;
	-webkit-box-shadow: 2px 4px 5px 0 #ccc;
	box-shadow: 2px 4px 5px 0 #ccc;
}
.btn-primary-dark {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary-dark.active,
.btn-primary-dark:active,
.open > .dropdown-toggle.btn-primary
.btn-primary-dark.active.focus,
.btn-primary-dark.active:focus,
.btn-primary-dark:hover,
.btn-primary-dark.active:hover,
.btn-primary-dark:active.focus,
.btn-primary-dark:active:focus,
.btn-primary-dark:active:hover,
.open > .dropdown-toggle.btn-primary-dark.focus,
.open > .dropdown-toggle.btn-primary-dark:focus,
.open > .dropdown-toggle.btn-primary-dark:hover {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40;
}

.btn-bordered-light {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-bordered-light:hover, .btn-bordered-light:focus {
	color: #333;
	background-color: #f4f4f4;
	border-color: #9c9c9c;
}
.card-group {
	margin-bottom: 20px;
}
.yellow-font {
	color: yellow;
}
.middle-block {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}