@media (min-width: 992px) {
	#mainNav {
		border-color: transparent;
		background-color: rgba(13, 20, 34, 0.9);
	}
	#mainNav .navbar-brand {
        color: #fff; 
	}
        
	#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
        color: #fff; 
	}
      
	#mainNav .navbar-nav > li.nav-item > a.nav-link {
        padding: 0.5rem 1rem; 
	}
      
	#mainNav .navbar-nav > li.nav-item > a.nav-link,
	#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        color: #fff; 
	}
        
	#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
	#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
        color: #fff; 
	}
      
	#mainNav.navbar-shrink {
        border-bottom: 1px solid rgba(13, 20, 34, 0.9);
        background-color: rgb(13, 20, 34) !important;
		max-height:50px;

	}
	#mainNav.navbar-shrink .navbar-brand img{
		 height: 50px;
	}
	
	#mainNav.navbar-shrink .navbar-brand .web_name {
		font-weight: 300!important;
	}
        
	#mainNav.navbar-shrink .navbar-brand {
        color: #fff !important;
	}
          
	#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
        color: #5BC0BE; 
	}
        
	#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
	#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
        color: #fff; 
	}
          
	#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover, 
	#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
       color: #5BC0BE;
	} 
}
@media (min-width: 768px) {
	header.masthead p {
		font-size: 1.15rem; 
	} 
}

@media (min-width: 992px) {
	header.masthead {
        height: 50vh;
		min-height: 650px;
		padding-top: 0;
		padding-bottom: 0; 
	}
	.social-links {
		text-align: right!important;
	}
      
	header.masthead h1 {
        font-size: 3rem; 
	} 
}

@media (min-width: 1200px) {
    header.masthead h1 {
		font-size: 4rem; 
	}
	.social-links {
		text-align: right!important;
	}
}

@media (min-width: 768px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
		font-size: 16px; 
	}
    
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
		font-size: 22px; 
	} 
}
@media only screen and (max-width: 767px) {
	.footer .container,
	h2.section-heading{
		text-align:center !important;
	}
	.social-links {
		text-align: center!important;
	}
}