/* Main Page Styles */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    padding-bottom: 10px;     /* Add space for footer */
}

h1 {
    margin: 0;
    font-size: 36px;
}

p {
    font-size: 18px;
}


.tagline {
    max-width: 80%;
    margin: 0 auto;  /* Centers the container */
    text-align: center; /* Ensures the content is centered */
    padding: 0 20px; /* Optional: Adds padding for better readability */
}

.tagline p {
    margin: 0;
    padding: 0;
    width: 100%;  /* Make sure it takes up the full width of the container */
    text-align: center; /* Center align the text inside the paragraph */
}

.contact-form {
    background-color: #f0f0f0; /* Light grey background */
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center;     /* Vertically center */
    min-height: 100vh;       /* Make sure it's at least the full height of the viewport */
}

.iframe-container {
    width: 100%;             /* Make it responsive */
    max-width: 800px;        /* Set max width for the iframe */
    padding: 20px;           /* Optional: Add padding around the iframe */
    box-sizing: border-box;
}