/* ===== Mobile ===== */
    @media (max-width: 900px) {


        body {
            width: 95%;
        }

        /* Header stacks */
        .header {
            flex-direction: column;
            align-items: flex-start;
            row-gap: 1rem;
            height: auto;
            position: relative;
        }

        .header img {
            width: 8rem;
        }

        .header-nav {
            flex-direction: column;
            width: 100%;
            row-gap: 0.5rem;
            column-gap: 0;
        }

        .header-nav a {
            width: 100%;
            text-align: left;
        }

        /* Grids stack vertically */
        .sub-content,
        .work-grid,
        .service-columns,
        .three-columns,
        .why-us-content,
        .form-grid {
            grid-template-columns: 1fr !important;
            row-gap: 1rem;
            height: auto;

        }

        main{
            display: flex;
            flex-direction: column;
            row-gap: 2rem;
        }

        /* Contact page width */
        .contact-page {
            width: 95%;
        }

        .cta-homepage {
            width: 90%;
            margin-bottom: 2rem;
        }

        .dark-section{
            display: flex;
            flex-direction: column;
        }

        .sub-content-words,
        .content-box,
        .profile-box {
            padding: 1rem;
        }

        /* Footer stacks */
        .page-footer {
            flex-direction: row;
            align-items: flex-start;
            row-gap: 1rem;
            margin-top: 2rem;
        }

        .footer-extra{
            height: 5rem;
            width: auto;
        }

        .footer-image{
            height: 50%;
            width: auto;
        }

        .footer-image img{
            height: 100%;
            width: auto;
        }

        .extra-links {
            text-align: left;
        }
    }

}