body {position: relative;}

/*--------------------------------------------------------------
Main Navbar
--------------------------------------------------------------*/
#mainNav.navbar-scrolled {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
#mainNav.navbar-scrolled .navbar-brand {
    color: #000;
  }  
#mainNav.navbar-scrolled .navbar-brand:hover {
    color: #dc3545;
  }
#mainNav.navbar-scrolled a.nav-link {
    color: #000;
  }  
#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
    color: #dc3545;
  }
#mainNav.navbar-scrolled .navbar-nav > li.nav-item > a.nav-link.active {
    color: #fff;
    background: #dc3545;
  }  
  
/*--------------------------------------------------------------
Header Background Image
--------------------------------------------------------------*/
#masthead {
    background: rgba(0, 0, 0, 0.4) url("/templates/bootswatch/images/masthead.jpg");
    background-size: cover;
    position: relative;
	height: auto;
    padding: 200px 0;
}
.darklayer {
    background: rgba(0, 0, 0, 0.4) url('/templates/bootswatch/images/bg-strip.png') repeat scroll 0 0;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.layer {
    position: relative;
    z-index: 2;
}

/*--------------------------------------------------------------
Footer Social Icons
--------------------------------------------------------------*/
.bi-facebook {font-size: 2rem; color: #3B5998;}
.bi-github {font-size: 2rem; color: #333333;}
.bi-google {font-size: 2rem; color: #EA4335;}
.bi-instagram {font-size: 2rem; color: #405DE6;}
.bi-linkedin {font-size: 2rem; color: #0077B5;}
.bi-twitter {font-size: 2rem; color: #1DA1F2;}
.bi-whatsapp {font-size: 2rem; color: #25D366;}