body { color: #87746A; }
.navclr { text-align:center; margin-bottom:20px; xmargin-top:0px; }
.navclr a { color: #ffffff; padding: 15px 25px!important; margin:0px 10px; }
.navclr a:hover, .navclr a.active { padding-top:62px!important; }

.bgclrmcs { background-color: #F9BECA; }
.bgclreoc { background-color: #F7DF8C; }
.bgclrbmp { background-color: #B784B9; }
.bgclrdr { background-color: #C8C9CB; }

.nav-link:focus, .nav-link:hover,.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link  { color: #ffffff; }
.topnav { background-color: #ffffff; }
.topbanner {  }
.topbannertext { padding:20px 80px 20px 0px; color: #ffffff; }
.topbannertext h1 { font-size:2.2rem!important; }
.topbanner-section-bgimg { -webkit-background-size: cover;  -moz-background-size: cover;  background-size: cover;  -o-background-size: cover; background-position: right;  min-height:550px; }

.footersection { background-color: #DCDDDE; padding:30px 0px;  }
.footersection a { color: #87746A; text-decoration: none; }
.footsmalltxt { font-size:0.75em; }
.footsmallimg { text-align:right; }
.footsmallimg p { margin-bottom:0px; padding-bottom:0px; padding-top:10px; }
.footsmallimg img { max-height: 80px; padding-bottom:20px; }

.downloadfm .modal-content { border-radius: 0px; border:2px solid red; }
.downloadfm .modal-dialog { margin-top: 80px; }
.downloadfm .modal-header { margin-top: -80px; border: 0px none; z-index:999; }
.downloadfm .form-control, .downloadfm .form-check-input[type=checkbox],.downloadfm .btn { border-radius: 0px; border-color:#b81f32; }
.downloadfm .btn { background-color: #b81f32; color: white; }

.bm-grey-bg { background-color: #eaeced; }
.bm-red-text { color: #b81f32; }
.bm-grey-text { color: #87746a; }
.bm-white-text { color: #ffffff; }

/* Very large desktops */
@media (min-width: 1400px) {
	.bgmain { border-left:5px solid grey !important; } /*DEDUG REMOVE*/
}
/* Large desktops and laptops */
@media (min-width: 1199px) and (max-width: 1399px) {
	.bgmain { border-left:5px solid orange !important; } /*DEDUG REMOVE*/

}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.bgmain { border-left:5px solid yellow !important; } /*DEDUG REMOVE*/
	.topbannertext h1 { font-size:1.9rem!important; }
	.topbannertext .fs-5 { font-size:1.2rem!important; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.bgmain { border-left:5px solid green !important; } /*DEDUG REMOVE*/
	.offcanvas-body a { margin:0px!important; }
	.offcanvas-body .navclr { margin:0px!important; text-align:left!important;}
	.offcanvas-body .align-items-end { align-items: stretch!important; }
	.navclr a:hover, .navclr a.active { padding-top:15px!important; }
	.topbannertext { padding:30px 40px 30px 20px; }
	.topbannertext h1 { font-size:1.5rem!important; }
	.topbannertext .fs-5 { font-size:1.0rem!important; }
	.topbanner-section-bgimg { min-height: 300px; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.bgmain { border-left:5px solid blue !important; } /*DEDUG REMOVE*/
	.offcanvas-body a { margin:0px!important; }
	.offcanvas-body .navclr { margin:0px!important; text-align:left!important; }
	.offcanvas-body .align-items-end { align-items: stretch!important; }
	.navclr a:hover, .navclr a.active { padding-top:15px!important; }
	.topbannertext { padding:30px 40px 30px 20px; }
	.topbannertext h1 { font-size:1.5rem!important; }
	.topbannertext .fs-5 { font-size:1.0rem!important; }
	.topbanner-section-bgimg { min-height: 300px; }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.bgmain { border-left:5px solid red !important; } /*DEDUG REMOVE*/
	.offcanvas-body a { margin:0px!important; }
	.offcanvas-body .navclr { margin:0px!important; text-align:left!important; }
	.offcanvas-body .align-items-end { align-items: stretch!important; }
	.navclr a:hover, .navclr a.active { padding-top:15px!important; }
	.topbannertext { padding:30px 40px 30px 20px; }
	.topbannertext h1 { font-size:1.5rem!important; }
	.topbannertext .fs-5 { font-size:1.0rem!important; }
	.topbanner-section-bgimg { min-height: 300px; }
}

.bg-red-image {  background-image: url('../img/bg-red.jpg'); background-size: cover; background-position: center center; color: #ffffff; }
.bg-grey-image {  background-image: url('../img/bg-grey.jpg'); background-size: cover; background-position: center center; color: #b81f32; }