.headline {
	padding-top: 50px;
}

.headline p {
	font-size: 1.2rem;
    text-align: justify;
}

.feature-block-dark {
	background-color: #007f7f;
	color: #fff;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.feature-block-dark .btn-primary {
  color: #007f7f;
  background-color: #fff;
  border-color: #fff;
}

.feature-block-dark .btn-primary:hover {
  color: #fff;
  background-color: #00aeb2;
  border-color: #00aeb2;
}

.feature-block-light {
    margin-top: 25px;
    margin-bottom: 25px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.feature-block-light .btn-primary {
  color: #fff;
  background-color: #007f7f;
  border-color: #007f7f;
}

.feature-block-light .btn-primary:hover {
  color: #fff;
  background-color: #00aeb2;
  border-color: #00aeb2;
}

.feature-block-dark p,
.feature-block-light p {
	font-size: 1.2rem;
}

.feature-block-light img {
	max-height: 250px;
}

.large-icon-highlight img {
	max-height: 150px;
}

.dashed-hr {
    border-top: 8px dashed #007f7f;
    width: 33%;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.intro-text {
	padding-bottom: 55px;
}

hr.queal-hr {
	display: block;
    border: 0px;
	height: 75px;
    width: 150px;
    background-image: url('../../images/hr.svg');
	background-repeat: no-repeat;
	margin-left: calc(50% - 75px);
}


@media (max-width: 991px) {
	.headline {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.headline h1 {
		font-size: 2rem;
	}
		
	.feature-block-dark h2,
	.feature-block-light h2 {
		font-size: 1.8rem;
	}
}

/* Supply chain blocks styling things - Floris 27/09/2018 */

img.maxwidth {
    max-width: 750px;
}

.supplyrows .ingredienticons {
	height: 35px;
}

.supplyrows .badge-primary:hover, .badge-primary:focus {
	background-color: var(--teal);
}

.flow-chart-container{
	max-width: 100%;
	overflow-x: scroll; /* sets it to scroll instead of overflow the page */
}
@media (min-width: 1261px) {
	.flow-chart-container{
		overflow-x: hidden; /* this way the scrollbar disappears when not needed */
	}
}

.flow-chart-img {
	max-width: 800px;
}