@font-face {
    font-family: 'Antiqua Roman';
    src: url('fonts/AntiquaRoman.woff2') format('woff2'),
         url('fonts/AntiquaRoman.woff') format('woff'),
         url('fonts/AntiquaRoman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    background-color: #000000;
    color: white;
    font-family: 'Antiqua Roman', serif;
    text-align: center;
}

/* Container for top-to-bottom layout, with centered content */
.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    min-height: 100vh;
}

/* Styling for the title section */
.title-container {
    margin-bottom: 50px;
}

.title-large {
    font-size: 124px;
    display: block;
    font-weight: 300; /* Lighter weight for more elegant look */
}

.title-small {
    font-size: 124px;
    display: block;
    font-weight: 300;
}

/* Styling for the services section */
.services {
    margin-bottom: 50px;
    font-size: 24px;
}

.columns p {
    margin: 10px 0;
}

/* Styling for the contact section */
.contact p {
    font-size: 18px;
    margin: 5px 0;
}

.contact p.copyright {
    margin-top: 15px; /* Adds a small gap between the email and copyright notice */
    font-size: 12px;  /* Adjust the size of the copyright text */
}

/* Ensures that the copyright text stays at the bottom of the page */
.contact {
    margin-top: auto;
}

/* Media Queries for Mobile Responsiveness */
@media (max-width: 600px) {
    /* Adjust font sizes for mobile */
    .title-large, .title-small {
        font-size: 48px; /* Smaller font size for mobile */
    }

    .services {
        font-size: 18px; /* Smaller service text */
    }

    .contact p {
        font-size: 12px; /* Smaller contact text */
    }

    .container {
        padding: 10px; /* Smaller padding for mobile */
    }
}