@media (min-width: 768px) {

	.menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30px 0px;
		background: #15284b;
		color: white;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 1000;
	}

	.menu .logo {
		position:absolute;
		font-weight: bold;
		left:20px;
	}

	.menu ul {
		list-style: none;
		display: flex;
		margin: 0;
		padding: 0;
	}

	.menu ul li {
		margin: 0 10px;
	}

	.menu ul li a {
		text-decoration: none;
		color: white;
		font-size: 1.1rem;
		padding:10px;
		transition: color 0.3s ease;
	}

	.menu ul li a:hover {
		background-color: white;
		padding:10px;
		border-radius:7px;
		color: #15284b;
	}

	.menu .menu-links {
		display: flex;
		justify-content: center;
		flex: 1;
	}
	.menu .mobile-menu {
		display: none;
	}

	.menu .hamburger {
		display: none;
	}

}

@media (max-width: 768px) {
	
	.menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #15284b;
		color: white;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		position: fixed;
		width: 100%;
		height:80px;
		z-index: 1000;
	}
	
	.menu .logo {
		font-weight: bold;
		margin-left:0px;
	}
	
    .menu .logomenu {
        position: absolute;
        bottom: 72px;
        font-weight: bold;
        right: 0;
    }



	.menu .mobile-menu ul {
		flex-direction: column;
		padding: 0;
	}

	.menu .mobile-menu ul li {
		margin: 15px 0;
	}

	.menu .mobile-menu ul li a {
		font-size: 1.3rem;
	}

	.menu .mobile-menu.open {
		left: 0;
	}
	
	.menu ul li a {
		text-decoration: none;
		color: white;
		font-size: 1.1rem;
		transition: color 0.3s ease;
	}
	
	.menu ul {
		list-style: none;
		display: flex;
		margin: 0;
		padding: 0;
	}

	.menu .hamburger {
		font-size: 1.8rem;
	}
	
	.menu .menu-links {
		display: none;
	}

	.menu .hamburger {
		display: block;
		position: absolute;
		right:0;
		z-index: 1100;
		color: white;
		background: none;
		border: none;
	}

	.menu .mobile-menu {
		display: block;
		position: fixed;
		z-index:999999999999999;
		top: 0;
		left: -100%;
		width: 70%;
		height: 100%;
		background: #15284b;
		color: white;
		padding: 30px;
		transition: left 0.4s ease;
		box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
		overflow-y: auto;
	}
}