/* ===========================
   LAB23 Landing Page
=========================== */

html,
body {
    height: 100%;
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    background: #ffffff;
    color: #16385c;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing-page {
    text-align: center;
    max-width: 700px;
    padding: 60px;
}

.logo {
    width: 320px;
    max-width: 90%;
    margin-bottom: 35px;
}

.tagline {
    font-size: 1.6rem;
    color: #4d6480;
    line-height: 1.6;
    margin-bottom: 45px;
}

.contact-button {
    display: inline-block;
    background: #0d6efd;
    color: white;
    text-decoration: none;
    padding: 18px 55px;
    border-radius: 999px;
    font-size: 1.2rem;
    font-weight: 600;
    transition: all .3s ease;
    margin-bottom: 40px;
}

    .contact-button:hover {
        background: #0056d6;
        color: white;
        transform: translateY(-2px);
    }

.contact-info {
    margin-top: 22px;
    font-size: 1.1rem;
    color: #16385c;
}

@media (max-width:768px) {

    .logo {
        width: 200px;
    }

    .tagline {
        font-size: 1.2rem;
    }

    .contact-button {
        width: 100%;
        max-width: 300px;
    }
}
.contact-details {
    margin-top: 35px;
    font-size: 1.15rem;
    line-height: 2;
}

    .contact-details a {
        color: #16385c;
        text-decoration: none;
        font-weight: 600;
    }

        .contact-details a:hover {
            color: #0d6efd;
        }

.services {
    font-size: 1rem;
    color: #7d8898;
    letter-spacing: .5px;
    margin-top: -10px;
    margin-bottom: 45px;
}

.copyright {
    margin-top: 50px;
    font-size: 0.9rem;
    color: #8a9aad;
}

.footer-links {
    margin-top: 10px;
    font-size: 0.9rem;
}

    .footer-links a {
        color: #8a9aad;
        text-decoration: none;
    }

        .footer-links a:hover {
            color: #16385c;
            text-decoration: underline;
        }