/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/


@media (min-width: 1200px){
.navbar-nav > .nav-item {
    font-size: 1rem;
}
}
.navbar.scrolled, .navbar.navbar-toggled-show {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px rgb(25 25 25 / 10%);
}
.display-3 {
    font-size: 4rem;
    
}
.navbar-light .navbar-nav .nav-link {
    color: #555;
}
a.nav-link.active{
	border-bottom:3px solid #1b5658;
}
a{
	/* color: #1b5658 !important; */
}

.bg-primary {
    background-color: #1b5658 !important;
}
ol.lh-2 li{
	line-height:2;
}
nav.navbar{padding:0px!important;} 



.banner-content{
		position: relative;
    top: 50px;
	}

@media only screen and (min-width: 320px) and (max-width: 768px)  {
	.banner-content{
		position: relative;
    top: 280px;
	}
	.display-3 {
    font-size: 2rem;
}
}