html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
	color: #212529;
	font-size: 1rem;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 60px; /* Vertically center the text there */
	background-color: black;
	color: #BFBFBF;
}

.footer a {
	color: #BFBFBF;
}

a {
	color: #28a745;
}

body > .container {
	padding: 60px 15px 0;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.navbar {
	border-bottom: 2px solid #82c341;
	background: #002a29 url(../images/bg_header.jpg) repeat center;
}

.navbar .navbar-brand {
	text-indent: -9999px;
	background-image: url(../images/logo-header-white.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	max-width: 280px;
	width: 70%;
	height: 70px;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,1);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color:#28a745;
}

.nav-pills .nav-link {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.container, .container-fluid {
	line-height: 1.5;
}

.container ul li,
.container-fluid ul li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-size: 32px;
	background-repeat: no-repeat;
	padding-left: 2.5em;
	background-position: left center;
}

.arrow {
	background: url(../images/arrow.svg) no-repeat;
	background-size: cover;
	display: block;
	width: 36px;
	height: 36px;
	float: right;
}

div.workflow-step:nth-child(3n) .arrow {
	display: none;
}

.nav-justified .nav-item {
	padding:0;
}

@media (max-width: 992px) {
	body {
		padding-bottom: 120px;
	}

	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28130, 195, 65, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}
	.navbar-collapse.show {
		background-image: url(../images/bg_header2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.navbar-collapse ul li {
		padding: 1rem 0rem 1rem 3rem;
		border-bottom: 1px solid #82c341;
	}
	.navbar .navbar-brand {
		height: 50px;
	}

	.arrow {
		transform: rotate(90deg);
		position: absolute;
		bottom: 6px;
		left: calc(50% - 18px);
	}

	.workflow-step div {
		padding-bottom: 48px;
	}

	div.workflow-step:nth-child(3n) .arrow {
		display: block;
	}

	.main-body {
		padding-bottom: 64px;
	}
}

@media(max-width: 768px) {
    .full-width {
        width: 100%;
        margin-bottom: 0.5em;
    }
    
    .workflow-nav,
    .workflow-nav .nav-item {
    	width: 100%;
    	display: block;
    	padding: 0;
    }
    
    .workflow-nav .nav-item a p {
    	display: none;
    }

    .workflow-nav .nav-item a.active p {
    	display: block;
    }

	.nav-pills .nav-link {
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: .25rem;
	}
}