.hud {
	width: 100%;
	padding: $space-5;

	& > .row {
		justify-content: space-between;
    align-items: center;
    gap: $space-4;
    flex-wrap: wrap;
	}

	.nav-toggle {
		font-size: 42px;
		width: 50px;
		height: 50px;
		background: $color-text-light;
		color: $color-black;

		&:hover {
			color: $color-accent;
		}
	}

	.app-title {
		padding: $space-2 $space-4;
		text-transform: uppercase;
	}
}