@media only screen and (max-width: 1280px) {
	
	:root {
		--gap: 5px;
		
		--fsize1: 16px;
		--fsize2: 20px;
		--fsize3: min(6vw, 32px);
		--fsize4: min(8vw, 64px);
		--fsize5: min(13vw, 96px);
		
		--slider-width: calc(100vw - var(--gap4));
		--responsive-hamburger-height: 60px;
	}
	
	body {
		padding-top: calc(var(--responsive-hamburger-height) + var(--gap4));
	}
	
	#menu-hamburger {
		display: flex;
	}	
	
	#menu-closer {
		display: flex;
	}
	
	nav {
		padding: var(--gap4) var(--gap8);
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100vh;
		overflow: auto;
		z-index: 100;
		justify-content: flex-start;
		border-radius: 0;
		flex-direction: column;
	}
	
	#nav-links {
		margin: auto;
		font-size: var(--fsize2);
		grid-gap: var(--gap4);
		flex-direction: column;
	}
	
	#nav-links .fa-house{
		font-size: var(--fsize3);
	}
	
	#cta-mobile-container {
		display: flex;
	}
	
	.menu-visible {
		left: 0;
	}
	
	header {
		min-height: 500px;
		height: auto;
	}
	
	.header-title {
		line-height: inherit;
	}
	
	.sliders-categories {
		overflow-x: auto;
		padding: var(--gap4) 0;
		justify-content: flex-start;
	}
	
	.slider-image-unit {
		flex: 0 0 100%;
	}
	
	.slider-navigation button {
		font-size: var(--fsize3);
	}
	
	.capacity {
		width: 50%;
		min-width: 150px;
	}
	
	.footer-social-medias {
		font-size: var(--fsize3);
	}
}

@media only screen and (max-width: 768px) {
	
	#map-box-map {
		height: auto;
		width: 100%;
		min-width: auto;
		flex: 1 0 100%;
	}
	
	#video {
		max-height: unset;
	}
	
}