.logo > a > span {
	display: none;
}

#nav-list-desktop-separator, #nav-list-desktop-separator, #nav-list-desktop-container {
	display: none;
}

@media only screen and (min-width: 600px) {
	:root {
		--logo-height: 4rem;
		--side-margin: 15vw;
	}

	#phone-button {
		display: none;
	}

	#nav-button {
		display: none;
	}

	.logo {
		align-items: start;
		padding: 1rem 2rem;
		width: fit-content;
	}

	.logo > a {
		display: flex;
		flex-direction: row;
		align-items: center;
		grid-gap: 1rem;
		text-decoration: none;
	}

	.logo > a > img {
		content: url(/res/images/logo-small.svg);
	}

	.logo > a > span {
		display: initial;
		font-family: Marcellus;
		color: var(--accent-color);
		font-size: 1.25rem;
	}

	header {
		display: flex;
		flex-direction: row;
	}

	#nav-list-desktop-separator, #nav-list-desktop-separator, #nav-list-desktop-container {
		display: initial;
	}

	#nav-list-desktop-separator {
		flex: 1;
	}

	#nav-list-desktop {
		display: flex;
		flex-direction: row;
		grid-gap: 1.25rem;
		height: 100%;
		margin-right: 2rem;
	}

	#nav-list-desktop > li {
		list-style: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	#nav-list-desktop > li > a {
		font-family: Varela;
		color: var(--accent-color);
		text-decoration: none;
		text-transform: uppercase;
	}

	.hover-buttons {
		flex-direction: row;
		grid-gap: 2rem;
	}

	#cards-horizontal {
		display: flex;
		flex-direction: row;
		margin: 0 var(--side-margin);
		grid-gap: 1rem;
	}

	#cards-horizontal > * {
		flex: 1;
		margin: 2rem 0;
	}

	#map {
		width: auto;
		height: auto;
		margin: 2rem 0;
		flex: 1;
	}

	.text {
		margin: 2rem var(--side-margin) 0 var(--side-margin);
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.text > img {
		width: 50%;
		margin-top: 0.5rem;
	}

	.gallery-container {
		grid-template-columns: auto auto auto auto;
	}

	#menu-additionals > div {
		flex-direction: row;
		grid-gap: 2rem;
	}

	.video-fallback {
		display: initial;
	}

	.video-fallback.mobile {
		display: none;
	}
}

@media only screen and (min-width: 1400px) {
	:root {
		--logo-height: 4rem;
		--side-margin: 25vw;
	}
}