html {
	scroll-behavior: smooth;
}
.backstretch:before{
	content:"";
	width:100%;
	height:100%;
	<?php /*
	background:-webkit-linear-gradient(left top,#343a40,#252c33);
	background:-o-linear-gradient(bottom right,#343a40,#252c33);
	background:-moz-linear-gradient(bottom right,#343a40,#252c33);
	background:linear-gradient(to bottom right,#343a40,#252c33);
	filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#343a40',endColorstr='#252c33',GradientType=0);
	background: linear-gradient(180deg, rgba(2,0,36,0.90) 0%, rgba(9,9,121,0.65) 27%, rgba(135,235,255,0.35) 100%); */ ?>
	background-color:rgba(35,35,35,0.3);
	position:absolute;
}

/* Small - med. devices (tablets, 768px and under) */
@media (max-width:416px) {
	#full-width-page-wrapper {
		height: 80%;
		padding-top: calc(104% / 1);
		margin-bottom: 20px;
	}
    .jumbotron {
      padding: 4px 10px; 
    }

}
@media (max-width:768px) {
	#full-width-page-wrapper {
		height: 80%;
		padding-top: calc(115% / 1);
		margin-bottom: 20px;
	}
    .jumbotron {
      padding: 4px 10px; 
    }

}
@media (min-width:769px) {
	#full-width-page-wrapper {
		height: 90%;
		padding-top: calc(90% / 3);
		margin-bottom: 20px;
	}
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
	background-color: rgba(0,0,0,0.6);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
	background-color: rgba(50,50,50,0.1);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.9);
	background-color: rgba(50,50,50,0.25);
}
#toggler { color:rgba(255,255,255,0.9)!important; }

.navbar.scrolled {
  background-color: rgba(255,255,255,0.98)!important;
  transition: background-color 200ms linear;
}
.navbar.scrolled #toggler { color:rgba(0,0,0,0.7)!important; }
.navbar{ transition:background-color 200ms linear; background-color: rgba(255,255,255,0)!important; }

 .btn-xlg {
	padding: 0.8rem 1.2rem;
	font-size: 1.5rem;
	line-height: 2;
 }
 @media (max-width: 576px) {
	.btn-donate {
		width: 100%;
		margin: 2px; 
	}
 }
 @media (min-width: 768px) {
	.btn-donate {
		width: 48%;
		float: left;
		margin: 2px;  
	}
 }

.card-columns {column-count: 1;}
/* Small devices (tablets, 576px and up) */
@media (min-width:576px) {
	.card-columns {column-count: 2;}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  .card-columns {column-count: 2;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .card-columns {column-count: 3;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
   .card-columns {column-count: 3;} 
}


/* Work Cards */	
.card {
	border:none;
}

.card-img-overlay { top: auto; }

@media (min-width: 320px) {
	.card-img-overlay { top: 50px; }
}
	
@media (min-width: 375px) {
	.card-img-overlay { top: 77px; }
	#paidfor { padding-bottom:60px; }
}

@media (min-width: 414px) {
	.card-img-overlay { top: 100px; }
	#paidfor { padding-bottom:130px; }
}

@media (min-width: 576px) {
	.card-img-overlay { top: -6px; }
	#paidfor { padding-bottom:90px; }
}

@media (min-width: 768px) {
	.card-img-overlay { top: 23px; }
}

@media (min-width: 992px) {
	.card-img-overlay { top: 61px; }
}

@media (min-width: 1200px) { 
	.card-img-overlay { top: 80px; } 
}

.card-title {
	margin-top: 0.75rem;
	margin-bottom: 0.25rem;
}


.box:hover {
 /*
	color: #32325d!important;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 2px 6px rgba(50,50,93,.1),0 2px 6px rgba(0,0,0,.07);
 */
}
.box {
	background: #fff;
	height: 100%;
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	z-index: 499;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.0);
	-webkit-box-shadow: 0px 2px 6px 0px rgba(168, 168, 168, 0.18);
	-moz-box-shadow: 0px 2px 6px 0px rgba(168, 168, 168, 0.18);
	box-shadow: 0px 2px 6px 0px rgba(168, 168, 168, 0.18);
	-webkit-transition-property: color,background-color,box-shadow,-webkit-transform;
	transition-property: color,background-color,box-shadow,-webkit-transform;
	transition-property: color,background-color,box-shadow,transform;
	transition-property: color,background-color,box-shadow,transform,-webkit-transform;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
}