.topbar {
	background-color: rgba(277,277,277,0.85);
}

.bg-orange {
	background-color :#fd8324;
}

.site-footer.bg-orange {
	border-top: 1px solid #fd8324
}

.bg-orange .nav-dotted .nav-link {
    line-height: normal;
    border-bottom: 1px dotted rgba(277,277,277,0.7);
}

.bg-orange .nav-dotted .nav-link:hover {
    line-height: normal;
    border-bottom: 1px dotted rgba(277,277,277,1);
}

.bg-orange .nav-link {
    color: rgba(277,277,277,0.9);
}

.bg-orange .nav-primary .nav-link:not(.disabled):hover, 
.bg-orange .nav-primary .nav-link:not(.disabled):focus {
    color: rgba(277,277,277,1);
}

h1.main-text-landing {
	color: #fd8324;
	font-size:3rem
}


p.mega-lead {
	font-size:35px;
	line-height: 45px;
}

.bx3 {
	background-color: rgba(129, 129, 129, 0.5);
	padding:10px;
	max-width: 85%;
	float:right;
	margin-bottom:20px;
}

.bx4 {
overflow: auto;
	width: 100%
}

.bx3 p {
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 5px;
}



@media (min-width:321px) and (max-width: 480px) {
	h1.main-text-landing {
    font-size: 30px;
	}
	p.mega-lead {
	    font-size: 25px;
	    line-height: 35px;
	}
	.cta-landing .btn-primary.btn.btn-lg{
		margin-bottom: 10px
	}

	.navbar-brand {
		margin-right: 0px;
	}
}

@media (max-width: 320px) {
	h1.main-text-landing {
    font-size: 25px;
	}
	p.mega-lead {
	    font-size: 20px;
	    line-height: 30px;
	}
	.cta-landing .btn-primary.btn.btn-lg{
		margin-bottom: 10px
	}

	.navbar-brand {
		margin-right: 0px;
	}
}

.clearfix {
	    overflow: auto;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}