.fly-image {
    width: 100vw; /* Sets the image width to cover 100% of the viewport width */
    height: auto; /* Adjusts the height automatically to maintain the aspect ratio */
    display: block; /* Ensures the image does not have any inline extra space */
    max-width: 100%; /* Ensures the image is not bigger than its container */
}
.about-us-bar {
    display: flex;
    align-items: center; /* Vertically centers the items in the bar */
    justify-content: flex-start; /* Aligns items to the start */
    background-color: #6AC73C; /* Black background */
    color: white; /* White text */
    padding: 5px 10px; /* Adjust padding to a positive value for spacing inside the bar */
    font-size: 20px;
	height: 40px;
	font-family: 'Roboto', sans-serif;
}

.about-us-bar a, .about-us-bar a:visited {
    color: white; /* Makes the link white */
    text-decoration: none; /* Removes underline from the link */
    margin-right: 20px; /* Adjust to a reasonable value to space icon from text */
}

.about-us-bar h2 {
    margin: 0; /* Removes default margin */
    font-size: 30px; /* Adjust based on your design needs */
    flex-grow: 1; /* Allows the h2 to grow and fill the available space */
    text-align: center; /* Centers the text */
	font-family: 'Roboto', sans-serif;
}
main h1 {
    text-align: center; /* Center aligns the heading */
    color: #333; /* Dark text color for contrast, adjust as needed */
    font-size: 32px; /* Large font size for the heading */
    margin: 20px 0; /* Adds space above and below the heading */
    font-family: 'Roboto', sans-serif; /* Ensures font consistency */
}

main p {
    text-align: center; /* Center aligns the paragraphs */
    color: #555; /* Slightly lighter text color for readability */
    font-size: 16px; /* Comfortable reading size for the text */
    margin: 10px 0; /* Adds space above and below each paragraph */
    font-family: 'Roboto', sans-serif; /* Maintains font consistency */
    max-width: 80%; /* Limits the line length for better readability */
    margin-left: auto; /* Together with the next line, centers the text block */
    margin-right: auto;
}
main p:first-of-type {
    margin-bottom: 0; 
    margin-top: -10px;
}
main p:nth-of-type(2) {
    margin-top: 0; /* Removes space above the second paragraph */
}
main > p:last-of-type {
    margin-bottom: 40px; /* Adjust as needed */
}
.contact-box {
    position: relative; /* Needed for absolute positioning of children */
    border: 2px solid #333; /* Solid border for the box */
    padding: 20px; /* Padding inside the box */
    padding-top: 60px; /* Increase padding-top to make space for the icons */
    width: 60%; /* Adjust width as needed */
    max-width: 600px; /* Maximum width of the box */
    margin: 20px auto; /* Center the box */
    display: flex; /* Use flexbox for layout */
    flex-direction: row; /* Align items horizontally */
    justify-content: center; /* Center items inside the box */
    align-items: center; /* Align items vertically in the center */
    gap: 30px; /* Space between address and email sections */
}

.icon-container {
    position: relative; /* Establish a positioning context */
    display: flex; /* Use flexbox for layout */
    flex-direction: column; /* Stack icon and text vertically */
    align-items: center; /* Center items horizontally */
    gap: 10px; /* Space between icon and text */
}

.round-icon {
    position: absolute; /* Position the icon absolutely within .contact-box */
    top: -85px; /* Adjust this value to move the icon further up */
    width: 50px; /* Diameter of the circle */
    height: 50px; /* Diameter of the circle */
    border-radius: 50%; /* Makes it round */
    display: flex; /* Use flexbox to center the icon */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    background-color: #6AC73C; /* Background color */
    color: white; /* Icon color */
}
.round-icon i {
    font-size: 24px; /* Adjust the font size as needed to make icons bigger */
}
.address-container, .email-container {
    flex-grow: 1; /* Allow containers to grow and fill available space */
}

.contact-box p {
    margin: 0; /* Remove default margin */
    /* Additional styling for text if needed */
}
.phone-container {
    left: 5%; /* Keeps it centered */
    transform: translateX(-60%); /* Moves it slightly to the left */
}
.email-container {
    position: absolute;
    top: 60px; /* Adjust this value to move the icon further up */
   /* Keeps the icon aligned to the right */
   font-family: 'Roboto', sans-serif;
}
.address-container {
    left: 23%; /* Keeps it centered */
	top: 0px;
    transform: translateX(-60%);
	font-family: 'Roboto', sans-serif;
}
.phone-container p {
    font-size: 16px; /* Adjust as needed to fit */
    white-space: nowrap; /* Prevents wrapping */
	font-family: 'Roboto', sans-serif;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensure the body takes at least the viewport height */
}

main {
    flex-grow: 1; /* Allows the main content to expand and push the footer down */
    display: flex;
    flex-direction: column; /* If you want to keep the flex layout for main content */
    padding: 15px;
}
.custom-size {
    font-size: 32px !important; /* Or whatever size suits your needs */
	font-family: 'Roboto', sans-serif;
}
.centered-heading {
            text-align: left !important;
			flex-grow: 1;
			font-family: 'Roboto', sans-serif;
        }
footer {
    background-color: #6AC73C;
    color: white;
    text-align: center;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    width: 100%;
	line-height: 1;
}