/*  DESKTOP REFINEMENTS (Large Screens)*/
@media (max-width:1200),
(min-width: 1000px) {
    .nav-links {
        display: none;
    }

    .bgc-image {
        background-size: cover;
        background-position: center;
    }

}

/* TABLET ADAPTATION (Max 1024px) */
@media (max-width: 1024px) {
    .nav-links {
        display: none;
    }

    .bgc-image {
        background-size: cover;
        background-position: center;
    }

    .nav-links {
        display: none;
    }

    .logo {
        margin-left: 1rem;
    }

    .time-bar {
        display: none;
    }

    .big-text {
        font-size: 3.5rem;
    }

    .documentation {
        flex-direction: column;
        padding: 2rem;
    }

    .footer-container {
        flex-direction: column !important;
        text-align: center;
        gap: 25px;
        padding: 10px 10px;
    }

    .footer-left {
        order: 10;
    }
}

/* MOBILE ADAPTATION (Max 768px) */
@media (max-width: 768px) {
    .bgc-image {
        background-position: 65% center;
    }

    .nav-links {
        display: none;
    }

    .vehicals,
    .company {
        display: none;
    }

    .hero {
        left: 10%;
        right: 10%;
        bottom: 10%;
        top: auto;
    }

    .big-text {
        font-size: 2.5rem;
        line-height: 1.1;
        text-align: left;
    }

    .paragraph {
        font-size: 0.9rem;
    }

    .get-started-btn {
        display: inline-block;
        justify-content: center;
        padding: 1.2rem;
    }

    .countdown-section,
    .FlightTest-section {
        padding: 40px 20px;
    }

    .countdown-section h1,
    .FlightTest-section h1 {
        font-size: 2rem;
    }

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    tr {
        border-bottom: 1px solid #333;
        padding: 10px 0;
    }

    td {
        border: none;
        padding: 5px 0;
    }

    th {
        display: none;
    }

    .documentation-section {
        height: auto;
        padding: 60px 0;
    }

    .footer-container {
        flex-direction: column !important;
        text-align: center;
        gap: 25px;
        padding: 10px 10px;
    }

    .footer-left {
        order: 10;
    }
}

/* SMALL MOBILE (Max 480px)*/
@media (max-width: 480px) {
    .big-text {
        font-size: 2.2rem;
    }

    .footer-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    .footer-container {
        flex-direction: column !important;
        text-align: center;
        gap: 25px;
        padding: 10px 10px;
    }

    .footer-left {
        order: 10;
    }
}