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:768px) {
	#full-width-page-wrapper {
		height: 80%;
		padding-top: calc(96% / 1);
		margin-bottom: 20px;
	}
}
@media (min-width:769px) {
	#full-width-page-wrapper {
		height: 90%;
		padding-top: calc(98% / 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; }

/* 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; }
}

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

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

@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;
}

.rounded-circle { border:rgba(255,255,255,0.9) 4px solid; }