#main.about_page{
	height: 100vh;
}

.image-with-stroke {
    border: 2px solid #415250; /* 1px black stroke around the image */
}

.image-with-shadow {
    box-shadow: 2px 2px  #415250; /* 2px horizontal, 2px vertical, 4px blur radius, semi-transparent black */
}



/* Padding for Text Section */
p {
    font-size: 1.2rem;
    line-height: 1.6;
}

/* Media Query for Mobile */
@media (max-width: 767px) {
    h2 {
        font-size: 2rem;
        text-align: center;
    }

    .content_wrapper {
        gap: 20px; /* Reduced gap for mobile */
    }

    .image-with-shadow {
        margin-bottom: 20px; /* Add margin at bottom for mobile */
    }
}

.contact-page .main_menu a, 
.contact-page .menu_button {
    font-family: 'DM Sans', sans-serif !important; 
}