#header-mobile {
	display: none;

	z-index: 10;

	@media (max-width: 600px) {
		display: block;
		position: absolute;

		width: 100%;
		height: 23vw;

		left: 0;
		top: 0;
	}
}

#header-mobile-logo {
	@media (max-width: 600px) {
		position: absolute;

		width: 22vw;
		height: 11.5vw;

		left: 5vw;
		top: 4.5vw;

		background-image: url("../images/header-mobile-logo.svg");
		background-size: cover;
		background-repeat: no-repeat;

		z-index: 15;

		transition: background-image 0.3s ease;
	}
}

#header-mobile-logo.dark {
	background-image: url("../images/header-mobile-logo.svg");
}

#header-mobile-phone-button {
	@media (max-width: 600px) {
		position: absolute;

		width: 10vw;
		height: 11.5vw;

		right: 13vw;
		top: 6vw;

		background-image: url("../images/header-mobile-phone.svg");
		background-size: auto;
		background-repeat: no-repeat;

		z-index: 15;

		transition: background-image 0.3s ease;
	}
}

#header-mobile-phone-button.dark {
	background-image: url("../images/header-mobile-phone.svg");
}

#header-mobile-menu-button {
	@media (max-width: 600px) {
		position: absolute;

		width: 10vw;
		height: 11.5vw;

		right: 5vw;
		top: 4.5vw;

		background-image: url("../images/header-mobile-menu.svg");
		background-size: auto;
		background-repeat: no-repeat;

		z-index: 15;

		transition: background-image 0.3s ease;
	}
}

#header-mobile-menu-button.dark {
	background-image: url("../images/header-mobile-menu.svg");
}

#header-fullscreen-menu {
	position: fixed;

	width: 100%;
	height: 100%;

	left: 0;
	top: 0;

	background-color: #A14D2A;

	transform: translateY(-100%); 
	transition: transform 0.5s ease;

	z-index: 13;
}

#header-fullscreen-menu.is-active {
	transform: translateY(0);
}

#header-fullscreen-menu-links {
	@media (max-width: 600px) {
		position: absolute;

		width: 50vw;
		height: 115vw;

		left: calc(50% - 25vw);
		top: 23vw;

		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 40px;

		z-index: 15;
	}
}

.header-fullscreen-menu-item {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 110%;
	text-align: center;
	text-transform: uppercase;

}

#header-fullscreen-button {
	position: static;
	margin-top: 7vw;
	width: 50vw;
	height: 11.5vw;

	left: auto;
	top: auto;

	background: #F1E9E0;
	border-radius: 100px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#header-fullscreen-button-text {
	margin: 12px;
	color: #A14D2A;
}

#header-fullscreen-button-text p {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
}

#header-fullscreen-socials {
	position: static;

	left: 48vw;
	top: 10.5vw;

	width: 192px;
	height: 36px;

	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 16px;
}

#header-fullscreen-socials-1-icon {
	width: 36px;
	height: 36px;

	background-image: url("../images/footer-socials-whatsapp.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#header-fullscreen-socials-2-icon {
	width: 36px;
	height: 36px;

	background-image: url("../images/footer-socials-viber.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#header-fullscreen-socials-3-icon {
	width: 36px;
	height: 36px;

	background-image: url("../images/footer-socials-telegram.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#header-fullscreen-socials-4-icon {
	width: 36px;
	height: 36px;

	background-image: url("../images/footer-socials-instagram.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}