.hero {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	&__wrap {
		position: absolute;
		padding: 24px;
		bottom: 0;
		height: 130px;
		background: linear-gradient(to bottom, #27bfc6 0%, #58e2c1 100%);
	}
	.filter {
		position: absolute;
		padding: 32px;
		bottom: -40px;
		height: 80px;
		background: $senary-color;
		z-index: 1;
		.dropdown-show {
			position: absolute;
			width: 200px;
			background: $senary-color;
			color: $primary-color;
			top: 24px;
			right: -32px;
			padding: 32px;
		}
		@media (max-width: 600px) {
			height: 50px;
		}
	}
	&--title {
		position: absolute;
		bottom: 30%;
	}
	.breadcrumbs {
		position: absolute;
		bottom: 15%;
	}
	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	&--text {
		position: absolute;
		bottom: 15%;
		.breadcrumbs {
			position: relative;
			bottom: 0;
		}
		@media (max-width: 1100px) {
			bottom: 40px;
			span,
			h1 {
				margin-bottom: 8px;
			}
			a,
			p {
				@include ms-respond(font-size, -1);
			}
		}
		@media (max-width: 600px) {
			h1 {
				font-size: 16px;
			}
			p {
				font-size: 10px;
			}
			span {
				font-size: 24px;
			}
		}
	}
	&--lg {
		height: 100vh;
	}
	&--sm {
		height: 350px;
		@media (max-width: 1100px) {
			height: 240px;
			.icon-brochure {
				&::before {
					font-size: 32px !important;
				}
			}
			h1 {
				@include ms-respond(font-size, 2);
			}
		}
		@media (max-width: 600px) {
			height: 200px;
			.breadcrumbs {
				display: none;
			}
		}
	}
}