.bg-hero {
	background: url("/wp-content/themes/framsoknmos/resources/images/bg-hero-pattern.png"),
		linear-gradient(to right, #00422a 79%, #87ff91 79%);
	background-size: 18% auto, 100% 100%;
	background-position: right top, center center;
	height: 856px;
	background-repeat: repeat-y;
}

.animate-progress {
	animation: progress 8s linear;
}

@keyframes progress {
	0% {
		opacity: 0%;
	}
	100% {
		opacity: 100%;
	}
}

@media (min-width: 1700px) {
	.bg-hero {
		background: url("/wp-content/themes/framsoknmos/resources/images/bg-hero-pattern.png"),
			linear-gradient(to right, #00422a 75%, #87ff91 75%) !important;
		background-size: 18% auto, 100% 100% !important;
		background-position: right top, center center !important;
		height: 856px !important;
		background-repeat: repeat-y !important;
	}
}

@media (min-width: 1900px) {
	.bg-hero {
		background: url("/wp-content/themes/framsoknmos/resources/images/bg-hero-pattern.png"),
			linear-gradient(to right, #00422a 73%, #87ff91 73%) !important;
		background-size: 18% auto, 100% 100% !important;
		background-position: right top, center center !important;
		height: 856px !important;
		background-repeat: repeat-y !important;
	}
}

@media (min-width: 2400px) {
	.bg-hero {
		background: url("/wp-content/themes/framsoknmos/resources/images/bg-hero-pattern.png"),
			linear-gradient(to right, #00422a 68%, #87ff91 68%) !important;
		background-size: 18% auto, 100% 100% !important;
		background-position: right top, center center !important;
		height: 856px !important;
		background-repeat: repeat-y !important;
	}
}

@media (max-width: 1279px) {
	.bg-hero {
		background: url("/wp-content/themes/framsoknmos/resources/images/bg-hero-pattern.png"),
			linear-gradient(to right, #00422a 77%, #87ff91 77%) !important;
		background-size: 18% auto, 100% 100% !important;
		background-position: right top, center center !important;
		height: 856px !important;
		background-repeat: repeat-y !important;
	}
}

@media (max-width: 767px) {
	.bg-hero {
		background: #00422a !important;
		background-size: none !important;
		background-position: none !important;
		height: auto !important;
	}
}