.icon.style1.major:before {
	color: #212F3C; /* Replace with the color of your choice */
}
.icon.style2.major:before {
	color: #535354; /* Replace with the color of your choice */
}
.icon.style3.major:before {
	color: #C0392B; /* Replace with the color of your choice */
}
.icon.style4.major:before {
	color: #535354; /* Replace with the color of your choice */
}
.icon.style5.major:before {
	color: #212F3C; /* Replace with the color of your choice */
}

.wrapper.alt.style2 {
	background-color: #041826;
}
.wrapper.style1.special {
	background-color: #FAF9F6;
}

#one h2,
#one p {
	color: black;
}

@font-face {
	font-family: 'JuraMedium';
	src: url('/fonts/JuraMedium.ttf') format('truetype');
	/* Add more font properties if needed */
}

/* Example usage */
body {
	font-family: 'JuraMedium', sans-serif;
}

/*header Logo img {*/
/*	width: 50px; !* Adjust the width to your desired value *!*/
/*	height: auto; !* This ensures the image height scales proportionally *!*/
/*}*/

#header h1 a img {
	top: 10%;
	width: 200px;
	height: auto;
}


/*!* Media query for screens smaller than a certain width, e.g., 768px *!*/
/*@media (max-width: 1300px) {*/
/*	!* Adjust the logo size and top position for smaller screens *!*/
/*	#header h1 a img {*/
/*		width: 150px; !* You can adjust the width as needed *!*/
/*		top: 5%; !* You can adjust the top position as needed *!*/
/*	}*/
/*}*/

/* Target the title element and reduce its margin or padding */
h2 {
	margin-bottom: 10px; /* Adjust this value as needed */
}

/* Target the body text element and reduce its margin or padding */
p {
	margin-top: 10px; /* Adjust this value as needed */
}

@media (max-width: 900px) {
	/* Adjust the logo size and top position for smaller screens */
	#header h1 a img {
		width: 150px; /* You can adjust the width as needed */
		top: 5%; /* You can adjust the top position as needed */
	}

	/* Reduce the margin-top for the p element to reduce space */
	p {
		margin-top: 2px; /* Adjust this value as needed */
	}
}