/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */


 html,body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; 
  scroll-behavior: smooth;
  font-weight: bold;
  background-color: #ffa600;
}

.bodystyle {
   margin: 0px; padding-top: 0px;
}

.darkmode {
  background-color: #000000; 
  border-bottom: solid 2px #ffa600;
}

#darkmode {
  background-color: #000000; 
  border-bottom: solid 2px #ffa600;
}
.nav-link {
  color: #ffa600; font-weight: bold; padding-right: 40px;padding-left: 0px;
}

.feature {
padding: 0px; color: white; width: 100%;  background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0,
0, 0, 0.4)), url('./assets/images/img_2189.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat;
}
.feature-content {
min-height: 350px;
}

@media only screen and (max-width: 400px) {
  .feature { 
	background-size: contain;	
	}
}



#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  overflow: auto;
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
 
p {
  padding-top: 5px;
  font-size: 1.2em;
}
.fixed-top { position: absolute!important; }

.humans { display: none; }

#headerorange h2 {
  color: white;
}

#sectionred {
  color: black;
}

#sectionred h2 {
  color: #ff6e00;

}

#sectionyellow h2 {
color: #ce0011;
}
.navbar-nav.navbar-center {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}

.video-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.video-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

#carousel {
  width: 100%;
  height: 150px;
  background-color: #ff0000;
  
  overflow: visible;
  white-space:nowrap;
}

#carousel .slide {
  display: inline-block;
}


h4 {

  font-weight: bold;
}
@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

.phoneheader{
  font-family: 'Titillium Web', sans-serif;
  font-size: 2em;
  color: #af2626;
  text-shadow: 1px 1x 1px rgba(0,0,0,9);
}

.nav-item a {

  color: #aaa;
}

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}