.content, .inner, .header, .inner h1, .inner h2, .inner h3, .inner h4, h1 { 
    color: #666 !important;
}

.article > *, .article * {
    color: #666 !important;
}

article { 
    border-radius: 8px;
}


body { color:#666}

/* Media query for screens that are narrower than 600 pixels */
@media (max-width: 600px) {
    #header .content {
        flex-direction: column;
        align-items: center; /* Centers the items horizontally in a column layout */
    }
	#header .content .inner {
		max-width: 100%;
	}
}			

@media (max-width: 320px) {
    #header nav ul li a { 
        padding: 0 2px 0 2px;
        font-size: 0.8rem;
    }
}
@media (max-width: 1600px) {
    #header .content img {
        width: 175px; /* Allows the image to expand to fit the container's width */
        max-height: none; /* Resets the max-height to allow for natural aspect ratio */
    }
}
.hamburger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}

.hamburger-menu div {
    width: 2rem;
    height: 0.25rem;
    background-color: #333;
}

#nav {
    display: none;
}

@media (max-width: 768px) {
    .hamburger-menu {
        display: flex;
    }
}