/* No SCSS, just good old CSS */

@media (max-width: 680px) {
	
	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		width: 50px;
	}

	.hamburger-box {
		display: flex;
		justify-content: flex-end;
	}
	
	.home h1 {
		font-size: 25px;
	}
	
	.home .kp-header {
		padding-bottom: 30px;
	}

}

.active-filter {
	background-color: #90ffff;
	border-radius: 35px;
	padding: 0 12px;
	font-size: 1rem;
}

.active-filter--voices {
	justify-self: flex-start;
}

.active-filter--highlighted {
	background-color: #e6007e;
	color: #fff;
}

@media (min-width: 680px) {
	.active-filter {
		padding: 0 18px;
    font-size: 2.3rem;
	}
}

.kp-inno-map .brlbs-cmpnt-container {
	flex: 1;
}

.popup .ratio .stretched-link::after {
    position: absolute;
    top: 32%;
    left: 35%;
    transform: translate(-50%, -50%);
    z-index: 1;
    content: "▶";
    font-size: 4rem;
    color: white;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}