/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
	font-family: 'Roboto', sans-serif;
}

a{
	color:#ed3823;
}
button:focus{
	outline:0;
	border:0px;
}
.navbar-dark .navbar-toggler{
	color:#000;
	font-size:24px;
}
.top-bar{
	background:#ed3823;
	padding:10px 0;
}
.navbar{
	padding:0px;
}
.navbar-dark .navbar-nav .nav-link{
	color:#000;
	font-weight:600;
	margin-left:15px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
	color:#000;
}

.navbar-brand{
	width:150px;
}

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

.home-feature i{
	color:#ed3823;
	font-size:42px;
}


.white-box{
	padding:20px;
	box-shadow:0 2px 4px rgba(3,27,78,.5);
	border-radius:5px;
	background:#fff;
}
.white-box i{
	font-size:32px;
}

footer{
	
	background:url(../img/footer-bg.jpg) #ec3722;
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
	padding-top:150px;
	padding-bottom:50px;
	
}

footer a{
	color:#fff;
}
footer a:hover{
color:#fff;}


.hero-home{
	background:url(../img/hero-home.jpg);
	background-size:cover;
	background-position:bottom;
	padding:100px 0;
	background-repeat:no-repeat;
	
}


lead{
	font-weight:100;
}

.gradient{
	
	
}


.youtube {
  background-color: #282828;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 12px 24px 0 rgba(132, 146, 166, 0.3);
  border-radius: 8px;
}
.youtube img {
  width: 100%;
  top: -16.82%;
  left: 0;
  opacity: 0.7;
}
.youtube .play-button {
  width: 90px;
  height: 60px;
  background-color: #333;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}
.youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
  cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
  position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	.hero-home{
		background-position:center;
	}
	.navbar-brand{
		margin-left:10px;
	}
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}

@media only screen and (max-width: 767px) {
	.hero-home{
		background-position:center;
	}
	.navbar-brand{
		margin-left:10px;
	}
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.hero-home{
		background-position:center;
	}
	.navbar-brand{
		margin-left:10px;
	}
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */

	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (max-width: 479px) {
	.hero-home{
		background-position:center;
	}
	.navbar-brand{
		margin-left:10px;
	}
}

@media only screen and (max-width: 300px){
	.hero-home{
		background-position:center;
	}
	.navbar-brand{
		margin-left:10px;
	}

}