:root {
	--gunmetal: #2A3439;
}

.icon {
	max-height: 100px;
	max-width: 75%;
}

nav.navbar {
	background:
		linear-gradient(rgba(0, 0, 0, 0.5),
			rgba(0, 0, 0, 0.5));
}

.navbar-brand {
	max-width: 75%;
}

.hero {
	height: 600px;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.5),
			rgba(0, 0, 0, 0.5)),
		url("hero-image.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	color: #f8f9fa;
}

.hero-text {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}

.row {
	margin: 0;
}

.btn {
	border-radius: 0;
}

.btn-outline-danger {
	color: #f8f9fa;
	border-color: #f8f9fa;
}

.triangle-left,
.triangle-right {
	height: 100px;
	width: 100%;
	transform: translate(0px, 0px);
	clip-path: polygon(0% 100%, 101% 100%, 100% 0%, 50% 100%, 0 0);
	left: -1px;
}

.triangle-left {
	/* clip-path: polygon(100% 0, 0 0, 0 100%); */
	background-color: #6c757d;
}

.triangle-right {
	/* clip-path: polygon(100% 0, 0 0, 100% 100%); */
	background-color: #C90900;
}

.triangle-start {
	height: 200px;
	transform: translate(0px, -100px);
	clip-path: polygon(50% 50%, 100% 0, 100% 50%, 50% 100%, 0 50%, 0 0);
	left: -1px;
	background-color: #C90900;
	margin-bottom: -200px;
}

.dividing-line {
	background-color: #C90900;
	height: 20px;
}

.consulting {
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.5),
			rgba(0, 0, 0, 0.5)),
		url("consulting-img.jpg");
	background-size: cover;
}

.project-design {
	padding-top: 100px;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.5),
			rgba(0, 0, 0, 0.5)),
		url("projectdesign-img.jpg");
	background-size: cover;
}

.estimating {
	padding-top: 100px;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.5),
			rgba(0, 0, 0, 0.5)),
		url("estimating-img.jpg");
	background-size: cover;
}

.construction-services {
	padding-top: 100px;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.5),
			rgba(0, 0, 0, 0.5)),
		url("constructionservices-img.jpg");
	background-size: cover;
}

.content {
	color: #f8f9fa;
	margin: 5% 5%;
}

.dropdown-item {
	color: #f8f9fa;
}

.dropdown-divider {
	border-color: black;
}

video {
	max-height: 80%;
}