/*!
 * Start Bootstrap - Grayscale v5.0.9 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */



 #mainNav{min-height:70px; background-color:#fff;box-shadow: 0 0 5px rgb(0, 0, 2);}
 #mainNav .navbar-toggler{font-size:100%;padding:.2rem;color:rgb(26, 25, 25);}
 #mainNav .navbar-toggler:focus{outline:0}
 #mainNav .navbar-brand{color:#000;font-weight:700;padding:.9rem 0}
 #mainNav .navbar-nav .nav-item:hover{color:#000;outline:0;background-color:transparent}
 #mainNav .navbar-nav .nav-item:active,
 #mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}
 #mainNav .nav-link{color: rgb(15, 15, 15);}
 #mainNav .nav-link:hover{color:rgb(12, 12, 12); border-bottom: 2px solid rgb(17, 17, 17); }

 .portfolio{margin-top:10px;}
 
 .img-logo {
 		
	height: 70px;
}

 	.portfolio{margin-bottom:0px; margin-top:0px; padding:2rem 0}
 	.portfolio .portfolio-item{cursor:pointer;position:relative;display:block;max-width:50rem;margin-bottom:30px;border-radius:.5rem;overflow:hidden}
 	.portfolio .portfolio-item .portfolio-item-caption{position:absolute;top:0;left:0;transition:all .2s ease-in-out;opacity:0;background-color:rgba(0,98,174,.8)}
 	.portfolio .portfolio-item .portfolio-item-caption:hover{opacity:1}
 	.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content{font-size:1.5rem}
 	
	
 	.portfolio-item2{cursor:pointer;position:relative;display:block;max-width:50rem;overflow:hidden}
 	.portfolio-item2 .portfolio-item-caption{position:absolute;top:0;left:0;transition:all .2s ease-in-out;opacity:0;background-color:rgba(0,98,174,.8)}
 	.portfolio-item2 .portfolio-item-caption:hover{opacity:1}
 	.portfolio-item2 .portfolio-item-caption .portfolio-item-caption-content{font-size:1.5rem}


	.about-section{padding-top:10rem;}
 	
	@media (min-width:768px){
	 
		#mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:transparent;transition:background-color .3s ease-in-out}
		#mainNav .navbar-brand{padding:.5rem 0; color:#fff;}
		#mainNav .nav-link{transition:none;padding: 0 20px;color: #fff;}
		#mainNav .nav-link:hover{color:#fff}
		#mainNav .nav-link:active{color:#fff}
		#mainNav.navbar-shrink{background-color:#fff}
		#mainNav.navbar-shrink .navbar-brand{color:#161616}
		#mainNav.navbar-shrink .nav-link{color:#161616; padding: 0 20px; border-bottom:.0rem solid transparent}
		#mainNav.navbar-shrink .nav-link:hover{color:#00A8EA}
		#mainNav.navbar-shrink .nav-link:active{color:#467370}
		#mainNav.navbar-shrink .nav-link.active{color:#00A8EA;outline:0;border-bottom:.25rem solid #00A8EA}
   }