body {
	font-size: 18px;
    font-family: 'Nunito', sans-serif; /* Use the font with a fallback */
    /* font-family: Nunito Sans 12pt 12pt ; */
	/* font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", */
    /* "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", */
    /* "Droid Sans", "Helvetica Neue", sans-serif; */
	background: #fff;
	color: #000;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

p:first-of-type {
    margin-bottom: 1em;
}

.navbar {
    margin: 50px;
    max-width: 600px; /* Align with .content */
    width: 100%; /* Allow resizing on smaller screens */
    box-sizing: border-box; /* Include padding in width */
    font-size: 18px;
    /* background-color: beige; */
}

.navbar a {
    margin-right: 20px;
    text-decoration: none; /* Remove underline */
    color: #333;
    transition: color 0.3s, text-decoration 0.3s;
}

a {
    text-decoration: underline; /* Remove underline and any decoration */
    color: inherit; /* Use the current text color */
}

a:hover {
    text-decoration: underline; /* Add underline on hover if desired */
    color: #000; /* Optional: Change color on hover */
}


/* Style for the overall content */
.content {
    /* padding: 10px 20px;*/
    max-width: 850px; /* Limit the content width */
    /* margin: 0 auto; Center content on the page */
    margin-left: 50px;
    margin-top: -10px;
    padding-top: 0px;
    /* background-color: green; */
}

/* Flexbox for the statement section */
.statement {
    margin-top: 0px;
    padding-top: 0px;
    /* background-color: beige; */
}

/* Text inside statement */
.statement p {
    /* background-color: green; */
}

/* Style for the image */
.image {
    margin-top: 30px;
    max-width: 440px; /* Limit the width of the image */
    height: auto; /* Maintain aspect ratio */
    flex-shrink: 0; /* Prevent the image from shrinking */
}

/* Style for the remaining text */
.text p {
    margin: 10px 0;
    line-height: 1.6;
    margin-bottom: 15px;
}

.image-wrapper {
    display: inline-block;
}

.image {
    display: block;
}

.caption {
    margin-top: 10px;
}

.image-new {
    width: 250px;
}

.new p {
    width: 250px;
    text-align: left;
    /* background-color:thistle; */
}

.new_content {
    column-count: 4;
    column-gap: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: flex-start;
    /* background-color: greenyellow; */
    max-width: 1350px;
    margin-left: 50px;
}

.new {
    flex: 0 1 calc(20% - 8px);
    text-align: left;
    /* padding: 5px; */
    box-sizing: border-box;
    /* background-color: aliceblue; */
}

.contact {
    margin-top: -15px;
    margin-left: 50px;
}
