﻿/* Assuming this is added to your site's main stylesheet */
.text-center img {
    width: 100%; /* Makes the image responsive */
    max-width: 600px; /* Limits image width for larger screens */
    height: auto; /* Maintains aspect ratio */
    margin-bottom: 2rem; /* Adds space below images */
}

.text-center h1, .text-center h5, .text-center p {
    margin-bottom: 2rem; /* Consistent bottom margin */
}

/* Customizes the text alignment and spacing */
.text-center {
    text-align: center;
    padding: 20px;
}

.navbar-brand {
    display: flex;
    align-items: center;
}

.navbar-nav {
    align-items: center; /* Ensures that the menu items are vertically centered with the logo */
}

@media (max-width: 768px) {
    .navbar-nav {
        text-align: center;
    }
}
/* Assuming this is added to your site's main stylesheet */
.img-fluid {
    margin-bottom: 20px; /* Adds space below each image */
    border-radius: 8px; /* Optional: Adds rounded corners to images */
}

/*h3 {
    color: #0048a1;*/ /* Adjusts the color for subheadings */
/*}*/

p {
    text-align: justify; /* Improves the readability of the text */
    margin-bottom: 30px; /* Adds space below each paragraph */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .col-md-4 {
        padding: 0 15px; /* Adds padding on smaller devices if necessary */
    }
}
.col-md-4 img, .col-md-4 p {
    width: 100%; /* Ensures full width within the column */
    padding-right: 0; /* Removes padding that might push content inward */
    padding-left: 0; /* Ensures the text aligns exactly under the image */
}

.col-md-4 p {
    text-align: justify; /* Optional: For better text alignment and readability */
}

.contact-info p {
    font-size: 1.2rem; /* Larger font size for better readability */
    margin-bottom: 0.5rem; /* Tighter spacing between lines */
}

.contact-info i {
    width: 30px; /* Ensure icons align nicely with the text */
    text-align: center; /* Center icons in their space */
}

iframe {
    border: 0; /* Removes the default frame border */
}


