html {
	background-color: black;
	scroll-behavior: smooth;
}

/* Navbar */

#navbar .navbar-brand {
	font-weight: 600;
	color: #ffffff;
}

#navbar .nav-link {
	color: #ffffff;
	margin-right: 0.4rem;
    margin-left: 0.4rem; 
}

#navbar {
	transition: background 500ms;
}

#navbar.scrolled {
    transition: background 500ms;
	background-color: white;
	color: #1f2b6c;
}

#navbar.scrolled > a {
	color: #1f2b6c;
}

#navbar.scrolled .nav-link {
	color: #1f2b6c;
}

#navbar.scrolled .navicon-white {
	display: none !important;
}

#navbar .navicon {
	display: none !important;
}

#navbar.scrolled .navicon {
	display: inline-block !important;
}

/* Header */

#header {
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin-bottom: 0;
}

#header video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  object-fit: cover;
}

#header .container {
  z-index: 2;
  position: relative;
}

#header .logo {
	width: 192px;
	max-width: 40%;
}

#header .arrow {
	width: 48px;
}

/* Services */

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}

.overflow-hidden { overflow: hidden; }

#products .bg-dark {
	background-color:  #1f2b6c !important;
}

#products img {
	max-width: 30%;
}

.doc {
	color: #1f2b6c;
}

.doc .hard {
	font-weight: 600;
	font-size: 2rem;
}

.blockquote {
	color: #1f2b6c;	
}

#contact .btn-secondary {
	background-color:  #1f2b6c;
}

#contact .btn-secondary:hover {
	background-color:#152A9D;
}