@media only screen and (max-width:1150px){

	header #btn-menu {
		z-index: 999;
		width: 25px;
		height: 25px;
		padding: 0;
		border: 0;
		background-color: transparent;
		display: flex;
		gap: 8px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	header #btn-menu span,
	header #btn-menu::before,
	header #btn-menu::after {
		content: '';
		width: 100%;
		height: 2px;
		background-color: var(--primary);
		transition: all 280ms ease;
		position: absolute;
		left: 0;
	}

	header #btn-menu span,
	header #btn-menu::before,
	header #btn-menu::after {
		background-color: var(--primary);
	}

	header #btn-menu::before {
		top: 5px;
	}

	header #btn-menu::after {
		bottom: 5px;
	}

	header.open #btn-menu span {
		opacity: 0;
	}

	header.open #btn-menu::before {
		transform: rotate(45deg);
		top: 50%;
	}

	header.open #btn-menu::after {
		transform: rotate(-45deg);
		top: 50%;
	}

	header nav.menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: #ffffff;
		width: 100%;
		position: absolute;
		right: -100%;
		top: 0;
		padding: 50px;
		gap: 50px;
		height: 100vh;
		transition: all 280ms ease;
		z-index: 9;
	}

	header.open nav.menu {
		right: 0;
		gap: 40px;
	}

	header .btn.btn-primary {
		display: flex !important;
		justify-content: center;
		position: fixed;
		bottom: 0;
		z-index: 99;
		left: -100%;
		border-radius: 0;
		width: 100%;
		padding: 15px;
		transition: all 280ms ease;
	}

	header.open .btn.btn-primary {
		left: 0;
	}

}