*{
margin: 0%;
padding: 0%;

}
body {
	font-family: Arial, sans-serif;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

nav {
	width: 100%;
	/* font-family: "Sofia", sans-serif; */
	background-color: #000000;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 5px;
}

nav img {
	margin-left: 50px;
	width: 15%;
	height: 70px;
	object-fit: fill;
	/* Set your preferred height for the logo */
}
nav img:hover {
	margin-left: 50px;
	width: 15%;
	height: 70px;
	object-fit: scale-down;
	cursor: pointer;
	/* Set your preferred height for the logo */
}

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

li {
	margin: 0 15px;
}

a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#menu {
	font-size: x-large;
	justify-content: space-between;
}

@media screen and (max-width: 800px) {
	nav {
		background-color: #000000;
		width: auto;
		flex-direction: column;
		align-items: flex-start;
	}


	ul {
		margin-top: 10px;
	}

	li {
		margin: 10px 0;
	}

	/* Add styles for the hamburger menu icon */
	#menu-icon {
		display: block;
		font-size: 20px;
		cursor: pointer;
	}

	#menu-icon:before {
		content: "\2630";
		/* Unicode character for hamburger icon */
	}

	ul {
		display: none;
	}

	ul.show {
		display: flex;
		flex-direction: column;
		width: 100%;
		background-color: #494949;
		position: absolute;
		top: 50px;
		left: 0;
		z-index: 1;
	}

	ul.show li {
		margin: 10px;
	}

	nav img {
		margin-left: 20px;
		width: 15%;
		height: 5%;
		/* Set your preferred height for the logo */
	}
	nav img:hover {
		margin-left: 20px;
		width: 15%;
		height: 25px;
		object-fit: scale-down;
		cursor: pointer;
		/* Set your preferred height for the logo */
	}
}

.containerContact{
max-width: 40%;
margin-left: 20%;
background-color: rgba(154, 232, 232, 0.311);
padding: 1%;


}

.ContactH1 {
    margin-top: 40px;
	color: #1b291e;
	display: flexbox;
	max-width: 550px;
	align-self: flex-start;
	margin-left: 10%;
    font-size: xx-large;
	/* align-items: flex-start; */
}
.ContactH1:hover {
	margin-left: 10%;
	max-width: 550px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: blue;
	cursor: pointer;
}

#brks {
	width: 80%;
	margin-left: 8%;
	height: 1px;
	color: darkolivegreen;
    background-color: #488963;
	/* padding: 1px; */
}
#brks1 {
	width: 60%;
	margin-left: 10%;
	height: 1px;
	color: darkolivegreen;
	padding: 1px;
}

#brksEnd {
	background-color: #000000;
	width: 100%;
	margin-left: 0%;
	height: 1px;
	color: darkolivegreen;
	padding: 25px;
}

#getInTouch{
margin-left: 10%;
margin-top: 1%;
font-size: x-large;

}