@media (max-width: 1240px) {

    h1.titulo-section {
        font-size: 3rem;
    }

    /* Estilo do menu */

    header {
        background-image: none;
        background-color: var(--corLogo);
    }

    .menu-desktop {
        display: none;
    }

    .btn-menu-mobile, .menu-mobile{
    display: block;
    }

    /* Estilo da hero */

    section.hero {
        background-image: linear-gradient(to top, var(--corRoxa) 90%, var(--corLogo) 10%);

    }

    .hero>.interface {
        text-align: center;
        gap: 64px;
        flex-direction: column-reverse;
    }

    .hero .img-hero img {
        display: flex;
        align-items: left;
        gap: 120px;
        width: 400px;
    }

    .hero .txt-hero h1 {
        font-size: 2rem;
    }

    .hero .txt-hero h1 span {
        font-size: 4rem;
    }

    .hero .txt-hero p {
        font-size: 1rem;
    }

    .hero .txt-hero button {
        width: 200px;
        height: 48px;
    }

    section.sobre-mim {
        padding: 80px 0;
    }

    .sobre-mim>.interface {
        flex-direction: column;
    }

    .img-sobre img {
        height: 600px;

    }
/* Estilo da seção habilidades */
    
    .skills article {
        display: grid;
        grid-template: 1fr 1fr 1fr 1fr 1fr 1fr / 1fr;
    }

    .skills h1{
        font-size: 2.4rem;
    }

    /* Estilo do portifólio */


.portifolio .portifolio-container{
    grid-template: 1fr 1fr 1fr 1fr / 1fr;
}

.portifolio-container .portifolio-box{
    max-width: 300px;
    margin: 0 auto;
}

/* Estilo do formulário */

.contato > .interface{
    flex-direction: column;
    gap: 32px;
}

.contato form{
    width: 100%;
}


.contato form .tel-proj{
    display: block;
}
/* Estilo do rodapé */

footer > .interface{
    display: flex;
    justify-content: space-between;
    color: var(--corCinza);

    flex-direction: column-reverse;
    gap: 32px;
    text-align: center;
}

}