/* Global styles */
body {
    font-family: 'Arial', sans-serif;
    background-color: #ffffff; /*white*/
    color: #333;
}

/* Header styling */
#header {
    background-color: #007bff; /*blue*/
    color: white;
    text-align: center;
    padding: 20px;
}


/* Custom darker gray for footer */
#footer {
    background-color: #1c1e22; /* Dark gray */
    color: white; /* White text */
    text-align: justify; /* Left-aligned text */
    padding: 10px; /* Padding for spacing */
    margin: 0; /* No margins */
    font-family: Arial, sans-serif; /* Font family */
    font-size: 1.0em; /* Font size */
    font-weight: 300; /* Normal font weight */
    line-height: 1.4; /* Line height for readability */

}

/* Specific styles for paragraphs in the footer */
#footer p {
    margin: 0; /* Remove default margin */
    line-height: 1.5; /* Adjust line height for less spacing */
    text-align: justify; /* Justify text for a cleaner look */
}

/* Links in footer */
#footer a {
    color: white; /* Ensure links are white */
    text-decoration: none; /* Remove underline from links */
    text-align: justify; /* Justify text for a cleaner look */
}

#footer a:hover {
    text-decoration: underline; /* Underline on hover for better visibility */
}

/* Custom button */
.btn-custom {
    background-color: #28a745; /*green*/
    color: white;
    border-radius: 8px;
}

/* Link styles */
a {
    color: #007bff; /*blue*/
    text-decoration: none;
}

a:hover {
    color: #0056b3; /*dark blue*/
}

/* Custom styles for the main heading */
h1.text-center {
    font-size: 5rem; /* Adjust the size as desired */
    font-weight: bold; /* Makes the text bold */
    color: #333; /* Set the text color to light grey */
    margin-bottom: 20px; /* Space below the heading */
}


.text-center {
    text-align: justify;
    margin: 20px;
    font-family: Arial, sans-serif;
    font-size: 1.1em;
    line-height: 1.5;
}

.text-content {
    text-align: justify; /* Justify the text within the block */
}
p {
    margin-bottom: 20px; /* Space below each paragraph */
    text-align: justify; /* Justify text for a cleaner look */
}
h1 {
    text-align: center; /* Center align the heading */
    margin-bottom: 20px; /* Space below the heading */
}
.container {
    max-width: 800px; /* Set a maximum width for the container */
    margin: 0 auto; /* Center the container */
    padding: 20px; /* Add some padding */
    font-family: Arial, sans-serif; /* Set the font */
    line-height: 1.6; /* Increase line height for readability */
    font-size: 1.2em; /* Set a larger base font size for the container */
}

.map-responsive {
    overflow: hidden;
    padding-top: 56.25%; /* Aspect ratio for 16:9 */
    position: relative;
    height: 0;
}

.map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}