.ribbon {
    background-color: #ffd200;
	margin: 0 !important;
}

.ribbon.status-normal,
.ribbon.status-advisory,
.ribbon.status-warning {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 2px 3px #00000055;
}
.ribbon.status-normal {background-color: #009605;}
.ribbon.status-advisory {background-color: #E07800;}
.ribbon.status-warning {background-color: #E00000;}
.ribbon p {
	margin: 9px 0;
	text-align: center;
}

.ribbon .ribbon-message-primary {
	text-transform: uppercase;
}

.ribbon .btn {
	margin-top: 5px;
}


.ribbon .col-md-6:first-of-type {
	border-bottom: 1px solid #fff;
}
@media screen and (min-width: 992px) {
	#ribbon .col-md-6:first-of-type {
		border-bottom: none;
		border-right: 1px solid #fff;
	}
	#ribbon .col-md-6:last-of-type {
/* 		border-left: 1px solid #fff; */
	}
}



.homepage #nav-page + #ribbon-campaign {
    margin-top: 0;
    margin-bottom: 0;
}

#ribbon-campaign {
    background-color: #6aa2b8;
    background-color: #45959a;
    background-image: url(../bf-wave.png);
    background-position: center -70px;
    background-repeat: no-repeat;
    background-size: 400px 120px;
    margin: 0 !important;
    padding-top: 50px;
}

#ribbon-campaign p {
	margin: 0;
    padding: 5px;
	text-align: center;
}

#ribbon-campaign span {
	color: #fff;
	display: block;
	font-size: larger;
	letter-spacing: 0.5px;
	text-shadow: 1px 1px 1px #333;
	transform: translateY(2px);
}

#ribbon-campaign span:first-of-type {
	font-weight: bold;
	text-transform: uppercase;
}

#ribbon-campaign .btn {
	font-size: smaller;
	margin: 5px 0 5px 0;
	padding: 4px 16px;
}

@media screen and (min-width: 992px) {
	#ribbon-campaign {
	    background-position: -20% 60%;
		background-size: 40%;
		padding-top: 0;
	}
	
	#ribbon-campaign span {
		display: inline-block;
		margin-right: 5px;
	}
	
	#ribbon-campaign .btn {
		display: inline-block;
		margin: 0 0 0 25px;
	}
}

@media screen and (min-width: 1260px) {
	#ribbon-campaign {
	    background-position: -10% 60%;
	}
}







#ribbon-fund {
    background-color: #6aa2b8;
    background-color: #45959a;
    background-image: url(../bf-wave.png);
    background-position: center -70px;
    background-repeat: no-repeat;
    background-size: 400px 120px;
    margin: 0 !important;
    padding-top: 50px;
}

#ribbon-fund p {
	margin: 0;
    padding: 5px;
	text-align: center;
}

#ribbon-fund span {
	color: #fff;
	display: block;
	font-size: larger;
	letter-spacing: 0.5px;
	text-shadow: 1px 1px 1px #333;
	transform: translateY(2px);
}

#ribbon-fund span:first-of-type {
	font-weight: bold;
	text-transform: uppercase;
}

#ribbon-fund .btn {
	font-size: smaller;
	margin: 5px 0 5px 0;
	padding: 4px 16px;
}

#ribbon-fund br {
	display: none;
}

@media screen and (min-width: 992px) {
	#ribbon-fund {
	    background-position: -20% 60%;
		background-size: 40%;
		padding-top: 0;
	}
	
	#ribbon-fund span {
		display: inline-block;
		margin-right: 5px;
	}
	
#ribbon-fund br {
	display: inline;
}
	
/*
	#ribbon-fund .btn {
		display: inline-block;
		margin: 0 0 0 25px;
	}
*/
}

@media screen and (min-width: 1260px) {
	#ribbon-fund {
	    background-position: -10% 60%;
	}
}