@media(max-width:900px){

    .hero-container{
        grid-template-columns:1fr;
        text-align:center;
        gap:56px;
    }

    .eyebrow{
        justify-content:center;
    }

    .hero-description{
        margin-inline:auto;
    }

    .hero-buttons{
        justify-content:center;
    }

    .hero h1{
        font-size:4.1rem;
    }

    .hero h2{
        font-size:1.5rem;
    }

    .hero-visual{
        perspective:none;
    }

    .workspace{
        max-width:540px;
    }

}

@media(max-width:768px){

    nav{
        flex-direction:column;
        justify-content:center;
        gap:16px;
        height:auto;
        padding:16px 0;
    }

    .nav-links{
        gap:22px;
        flex-wrap:wrap;
        justify-content:center;
    }

    .hero{
        padding-top:130px;
    }

}

@media(max-width:560px){

    .hero h1{
        font-size:3.3rem;
    }

    .hero-buttons{
        flex-direction:column;
        width:100%;
    }

    .btn-primary,
    .btn-secondary{
        justify-content:center;
        width:100%;
    }

    .workspace-content{
        flex-direction:column;
    }

    .sidebar{
        width:100%;
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.05);
        display:flex;
        align-items:center;
        gap:16px;
        padding:12px 16px;
    }

    .folder{
        margin-bottom:0;
    }

    .file{
        margin-bottom:0;
    }

    .sidebar > p{
        white-space:nowrap;
    }

    .editor{
        padding:18px;
    }

}

@media(max-width:900px){

    section{
        padding:90px 0;
    }

    .about-container{
        grid-template-columns:1fr;
        gap:50px;
    }

    .about-description{
        max-width:none;
    }

    .project-grid{
        grid-template-columns:1fr;
    }

    .upcoming-grid{
        grid-template-columns:1fr;
    }

    .project-group{
        margin-bottom:48px;
    }

    .services-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .contact-container{
        grid-template-columns:1fr;
        gap:44px;
    }

    .section-title{
        font-size:2.2rem;
    }

}

@media(max-width:768px){

    .section-eyebrow{
        justify-content:center;
    }

    .about-text,
    .contact-text{
        text-align:center;
    }

    .about-text .about-description{
        margin-inline:auto;
    }

    .contact-socials{
        justify-content:center;
    }

}

@media(max-width:560px){

    .services-grid{
        grid-template-columns:1fr;
    }

    .contact-form{
        padding:26px;
    }

    @media(max-width:768px){

.footer-title{

font-size:3.4rem;

letter-spacing:6px;

}

.footer-tagline{

font-size:1.05rem;

}

.footer-links{

flex-direction:column;

gap:22px;

}

#contact-footer{

padding:130px 0 60px;

}

}

}

@media(max-width:560px){

    .boot-terminal{
        width:92vw;
        padding:22px 20px;
    }

    .boot-lines{
        min-height:150px;
    }

    .boot-line{
        font-size:.78rem;
        line-height:1.8;
    }

    .boot-skip{
        font-size:.62rem;
    }

}