header {
    padding: 20px 50px; /* Increased padding for better spacing */
    display: flex;
    justify-content: space-between; /* Changed to space-between for better layout */
    align-items: center;
    flex-wrap: wrap;
}

.header_text {
    width: 100%; /* Adjusted width for responsiveness */
    text-align: center; /* Centered text */
}

.circle {
    height: 400px;
    width: 400px;
    overflow: hidden;
    border-radius: 50%;
    border: 10px solid var(--main-brand-color);

    max-width: 80vw;
    max-height: 80vw;

    display: flex;
    justify-content: center;
    align-items: center;    
}

.circle img {
    width: 100%;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 30px; /* Increased gap for better spacing */
}

nav a {
    color: var(--text-color); /* Changed to main text color */
    text-decoration: none;
    position: relative;
    padding: 5px; /* Increased padding for better click area */
}

nav a:hover {
    color: var(--main-brand-color); /* Changed hover color */
}

nav a::after {
	content: '';
	height: 2px;
	width: 0;
	background: var(--main-brand-color);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 150ms ease-in-out;
}
nav a:hover::after {
	width: 100%;
}

.subheading {
    margin-top: 25px;
    color: var(--secondary-text-color);
    max-width: 60vw;
}

@media (max-width: 1080px) {
    .circle {
        height: 500px;
        width: 500px;
        padding-left: 150px;
    }
}