@media (max-width: 1310px) {
    /* Gerais*/
    .flex {
        flex-direction: column;
    }

    .topo-do-site .flex {
        flex-direction: column-reverse;
    }

    h2.titulo {
        font-size: 28px;
        line-height: 4rem;
    }

    h2.titulo span {
        font-size: 28px;
        text-align: center;
    }

    /* Cabecalho */
    .btn-abrir-menu h2 {
        display: flex;
    }

    .menu-desktop, .btn-contato {
        display: none;
    }

    /* Topo do site */
    section.topo-do-site {
        padding: 40px 10%;
    }

    .topo-do-site h1 {
        font-size: 26px;
        white-space: nowrap;
    }

    .topo-do-site .txt-topo-site h1 span {
        font-size: 24px;
    }

    .topo-do-site .img-topo-site img {
        width: 100%;
    }

    section.topo-do-sete .flex {
        gap: 40px
    }

    /* Habilidades */
    section.habilidades {
        padding: 40px 8%;
    }

    .habilidades .habilidades-box h3 {
        font-size: 24px
    }

    /* Sobre */
    .sobre .txt-sobre h2 {
        font-size: 22px;
        line-height: 35px;
        white-space: nowrap;
        text-align: center;
    }

    .sobre .txt-sobre h2 span {
        font-size: 22px;
    }

    .btn-social {
        text-align: center;
    }

    .img-sobre img {
        width: 100%;
    }

    /* Projetos */
    section.projetos {
        padding: 80px 8%;
    }

    .img-proj {
        position: relative;
        width: 100%;
        max-width: 360px;
        height: 460px;
        background-size: cover;
        background-position: center;
        transition: 0.5s;
        margin: 0 auto;
    }

    section.projetos .flex {
        gap: 60px
    }

    h2.sub-titulo a,
    span {
        font-size: 24px;
        line-height: 3rem;
    }

    /* Rodape*/
    footer .flex {
        flex-direction: column;
        gap: 30px;
    }

    footer .line-footer {
        text-align: center;
    }

    .line-footer.borda p a {
        font-size: 10px;
    }
}

@media (max-width: 490px) {
    /* Header */
    header {
        padding: 1rem;
    }

    header img {
        width: 100%;
        max-width: 160px;
    }

    .btns-events img {
        width: 100%;
        max-width: 25px;
    }

    .btn-abrir-menu h2 {
        font-size: 2.5rem;
    }

    .menu-mobile .btn-fechar h2 {
        font-size: 1.3rem;
    }

    .menu-mobile nav ul li a {
        font-size: 1.1rem;
        padding: 1rem;
    }

    /* Top of Site */
    section.topo-do-site {
        padding: 2rem;
    }

    .topo-do-site h1 {
        font-size: 1.4rem;
    }

    .topo-do-site .txt-topo-site p {
        font-size: 0.9rem;
    }

    .topo-do-site .img-topo-site img {
        animation: none;
    }

    /* Skills */
    section.habilidades {
        padding: 1rem;
    }

    section.habilidades .flex {
        gap: 1rem;
    }

    h2.titulo {
        font-size: 1.2rem;
        line-height: 1rem;
        padding-bottom: 1rem;
    }

    h2.titulo span {
        font-size: 1.2rem;
    }

    .habilidades .habilidades-box {
        padding: 1rem;
        margin: 1rem 0;
    }

    .habilidades .habilidades-box img {
        display: none;
    }

    .habilidades .habilidades-box h3 {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .habilidades .habilidades-box p {
        font-size: 0.8rem;
    }

    /* About */
    section.sobre {
        padding: 2rem;
    }

    .sobre .txt-sobre h2 {
        font-size: 1.2rem;
        line-height: 1rem;
        margin: 0;
    }

    .sobre .txt-sobre h2 span {
        font-size: 1.2rem;
    }

    .sobre .txt-sobre p {
        font-size: 0.8rem;
        margin: 1rem 0;
    }

    .sobre .btn-social img {
        max-width: 40px;
    }
    
    /* Projects */
    section.projetos {
        padding: 2rem;
    }

    section.projetos .flex {
        gap: 1rem;
    }

    h2.sub-titulo {
        font-size: 1.2rem;
    }

    h2.sub-titulo a, span {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .img-proj {
        max-height: 300px;
    }

    .img-proj .text {
        font-size: 1rem;
    }

    /* Contact */
    section.formulario {
        padding: 2rem;
    }

    form {
        margin: 0;
    }

    form input, form textarea {
        font-size: 1rem;
    }

    /* Footer */
    footer {
        padding: 2rem;
    }

    footer .flex {
        gap: 0;
    }
    .logo-footer img {
        display: none;
    }

    .borda img {
        max-width: 2rem;
    }
}