/* CSS Document */
body {
    flex-direction: column;
    display: flex;
    min-height: 100vh;
}
main { flex-grow:1; }
h1 {
	font-size: 2.2rem;
	}
	@media (min-width: 576px) { 
		h1 {
			font-size: 3.5rem;
		}
	}

h1 span { 
	font-weight:200; 
	font-size: 1.5rem;
	text-transform: uppercase;
    letter-spacing: 5px;
	}
	@media (min-width: 576px) { 
		h1 span {
			font-size: 2.5rem;
		}
	}

.r-bg-dark {
	background-color:#161718;
	}
.r-bg-dark-blue {
	background-color:#17406b;
	}

.r-btn-primary {
	background-color:#2169b3;
	color:#fff;
	text-transform:uppercase;
	}
.r-btn-primary:hover { color:#fff; background-color:#1c5a99; }
.r-btn-md { font-size:.7em; }

.r-font-1 { 
	font-size:.8rem;
	}
body.cke_editable { margin:15px; }
.bg-cover {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.card .bg-cover { background-color: #eee; background-size: cover, auto; /*backup cresst*/ }
.bg-cover-left { background-position: 0% 50%; }
.bg-cover-right { background-position: 100% 50%; }
.p-4x3 { padding-top: 75% }
.p-16x9 { padding-top: 56.25% }
.p-16x10 { padding-top: 62.5% }
.p-9x14 { padding-top: 155.5555% }

/*** BOOTSTRAP EXTENSION ***/
.mt-6, .my-6 { margin-top: 5rem!important; }
.mb-6, .my-6 { margin-bottom: 5rem!important; }
.mr-6, .mx-6 { margin-right: 5rem!important; }
.ml-6, .mx-6 { margin-left: 5rem!important; }
@media (min-width: 576px) {
	.mt-sm-6, .my-sm-6 { margin-top: 5rem!important; }
	.mb-sm-6, .my-sm-6 { margin-bottom: 5rem!important; }
	.mr-sm-6, .mx-sm-6 { margin-right: 5rem!important; }
	.ml-sm-6, .mx-sm-6 { margin-left: 5rem!important; }
}
@media (min-width: 768px) {
	.mt-md-6, .my-md-6 { margin-top: 5rem!important; }
	.mb-md-6, .my-md-6 { margin-bottom: 5rem!important; }
	.mr-md-6, .mx-md-6 { margin-right: 5rem!important; }
	.ml-md-6, .mx-md-6 { margin-left: 5rem!important; }
}
@media (min-width: 992px) {
	.mt-lg-6, .my-lg-6 { margin-top: 5rem!important; }
	.mb-lg-6, .my-lg-6 { margin-bottom: 5rem!important; }
	.mr-lg-6, .mx-lg-6 { margin-right: 5rem!important; }
	.ml-lg-6, .mx-lg-6 { margin-left: 5rem!important; }
}
@media (min-width: 1200px) {
	.mt-xl-6, .my-xl-6 { margin-top: 5rem!important; }
	.mb-xl-6, .my-xl-6 { margin-bottom: 5rem!important; }
	.mr-xl-6, .mx-xl-6 { margin-right: 5rem!important; }
	.ml-xl-6, .mx-xl-6 { margin-left: 5rem!important; }
}