/*Celulares pequenos*/
@media(max-width: 480px){
    /*CABEÇALHO*/
    .cabecalho__logo img{
        width: 140px;
        height: 50px;
    }

    .cabecalho__menu{ 
        display: none;
    }
    
    .cabecalho__botao--menu{
        display: block;
    }

    /* SEÇÃO APRESENTAÇAO*/
    .apresentacao__container{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        padding: 6% 5%;
    }

    .apresentacao{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    .apresentacao__nome{
        font-size: 1.5rem;
    }

    .apresentacao__funcao{
        font-size: 1rem;
    }

    .apresentacao__contatos{
        display: flex;
        justify-content: center;
    }

    .apresentacao__contatos--icones{
        width: 30px;
        height: 30px;
    }

    .apresentacao__foto{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .apresentacao__foto img{
        width: 70%;
        height: 70%;
    }

    /*SEÇAO SOBRE MIM*/
    .sobre-mim__container{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10% 4%;
        gap: 20px;
    }

    .sobre-mim__foto{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sobre-mim__foto img{
        width: 60%;
        height: 60%;
    }

    .sobre-mim__informacoes{
        width: 80%;
    }

    .sobre-mim__titulo{
        font-size: 2.25rem;
    }

    .sobre-mim__descricao{
        font-size: 1rem;
    }


    /*SKILLS*/
    .skills__container{
        padding: 3% 1%;
    }
    
    .tecnologia__titulo, .habilidade__titulo{
        font-size: 2rem;
        margin: 3% 0;
    }

    .slide__container{
        margin: 5% 0;
    }

    .slide-items img{
        width: 50px;
        height: 50px;
        margin: 0 15px;
    }
    
    .habilidades__descricao{
        font-size: 1rem;
    }
    
    .habilidades__container{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .habilidades__informacoes{
        width: 90%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /*PROJETOS*/
    .projetos__container{
        text-align: center;
    }

    .projetos__titulo{
        font-size: 2rem;
        margin: 10% 0;
    }

    .projetos{
        justify-content: center;
        gap: 50px;
    }

    .projeto__item{
        width: 95%;
    }

    .projeto__item img{
        width: 100%;
        height: 180px;
    }

    .projeto__item__tecnologia{
        margin: 10px 0;
        gap: 10px;
    }

    .projeto__item__tecnologia img {
        width: 20px;
        height: 20px;
    }

    .projeto__descricao__titulo{
        font-size: 1.5rem;
    }

    .projeto__descricao__titulo, 
    .projeto__descricao__sobre{
        text-align: start;
    }

    .projeto__descricao__sobre{
        font-size: 1rem;
    }

    .projeto__descricao__botao{
        width: 45%;
        font-size: 0.75rem;
    }

    /*FORMAÇÃO*/
    .formacao__container{
        text-align: center;
    }

    .formacao__titulo{
        font-size: 2rem;
        margin: 10% 0;
    }

    .formacoes{
        justify-content: center;
        gap: 20px;
    }

    .formacoes__itens{
        width: 95%;
    }

    .formacoes__itens img{
        width: 100%;
        height: 180px;
    }

    .formacao__curso{
        font-size: 1rem;
    }

    .formacao__instituicao,
    .formacao__data{
        font-size: 0.8rem;
    }

    .formacao__curso,
    .formacao__instituicao,
    .formacao__data{
        text-align: left;
    }

    /*CONTATO*/
    .contato__container{
        flex-direction: column-reverse;
        gap: 40px;
    }

    .formulario__container{
        width: 100%;
    }

    .formulario__inputs{
        flex-direction: column;
    }

    .formulario__inputs div{
        width: 100%;
    }

    .contatos__container{
        width: 100%;
    }

    .contatos__titulo{
        font-size: 2rem;
    }

    .contatos__icone img{
        width: 30px;
        height: 30px;
    }

    .contatos__icone__descricao{
        font-size: 1rem;
    }

    /*RODAPÉ*/
    .rodape__container{
        height: 60px;
    }
    
    .rodape__informacao{
        font-size: 0.7em;
    }
}

/*Celulares grandes e Tablets*/
@media(min-width: 481px) and (max-width: 767px){
    /*CABEÇALHO*/
    .cabecalho__logo img{
        width: 160px;
        height: 60px;
    }

    .cabecalho__menu{ 
        display: none;
    }

    .cabecalho__botao--menu{
        display: block;
    }

    /* SEÇÃO APRESENTAÇAO*/
        .apresentacao__foto{
        width: 250px;
        height: 250px;
    }

    .apresentacao__foto img{
        width: 250px;
        height: 250px;
    }

    .apresentacao__nome{
        font-size: 2.2rem;
    }

    .apresentacao__funcao{
        font-size: 1.5rem;
    }

    .apresentacao__contatos--icones{
        width: 30px;
        height: 30px;
    }

    /*SEÇAO SOBRE MIM*/
    .sobre-mim__container{
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    .sobre-mim__foto img{
        width: 350px;
        height: 350px;
    }

    .sobre-mim__titulo{
        font-size: 2rem;
        text-align: center;
    }

    .sobre-mim__informacoes{
        width: 100%;
    }

    /*SKILLS*/
    .tecnologia__titulo, .habilidade__titulo{
        font-size: 2rem;
    }

    .slide-items img{
        height: 5%;
    }

    .habilidades__container{
        width: 80%;
    }

    .habilidades__descricao{
        font-size: 1.7em;
    }

    /*PROJETOS*/
    .projetos__titulo{
        font-size: 2em;
        text-align: center;
    }

    .projetos{
        justify-content: center;
        gap: 50px;
    }

    /*FORMAÇÃO*/
    .formacao__titulo{
        font-size: 2em;
        text-align: center;
    }

    .formacoes{
        justify-content: space-between;
    }

    .formacoes__itens{
        width: 250px;
    }

    .formacoes__itens img{
        width: 100%;
    }

    /*CONTATOS*/
    .contato__container{
        flex-direction: column;
    }

    .formulario__container{
        width: 80%;
    }

    .formulario__inputs{
        flex-direction: column;
    }

    .formulario__inputs div{
        width: 100%;
    }

    .contatos__container{
        width: 100%;
    }

    .contatos__titulo{
        font-size: 2em;
        text-align: center;
    }

}

/*Tablets grandes, notebooks e computadores pequenos*/
@media(min-width: 768px) and (max-width: 991px){
    /*CABEÇALHO*/
    .cabecalho__logo img{
        width: 160px;
        height: 60px;
    }

    .cabecalho__menu{ 
        display: none;
    }
    
    .cabecalho__botao--menu{
        display: block;
    }

    /* SEÇÃO APRESENTAÇAO*/
    .apresentacao__foto{
        width: 250px;
        height: 250px;
    }

    .apresentacao__foto img{
        width: 250px;
        height: 250px;
    }

    .apresentacao__nome{
        font-size: 1.8rem;
    }

    .apresentacao__funcao{
        font-size: 1.3rem;
    }

    .apresentacao__contatos--icones{
        width: 30px;
        height: 30px;
    }

    /*SEÇAO SOBRE MIM*/
    .sobre-mim{
        padding: 5%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px;
    }

    .sobre-mim__foto img{
        width: 250px;
        height: 350px;
    }

    .sobre-mim__titulo{
        font-size: 2rem;
    }

    /*PROJETOS*/
    .projetos__titulo{
        font-size: 2em;
        text-align: center;
    }

    .projetos{
        justify-content: center;
        gap: 3%;
    }


    /*CONTATOS*/
    .contato__container{
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    .formulario__container{
        width:90%;
    }

    .formulario__inputs{
        flex-direction: column;
    }

    .formulario__inputs div{
        width: 100%;
    }

    .contatos__container{
        width: 90%;
        gap: 10px;
        text-align: center;
    }

    .contatos__icone{
        width: 50%;
    }

    /*RODAPÉ*/
    .rodape__container{
        height: 60px;
    }

    .rodape__informacao{
        font-size: 1em;
    }
}

/* Large tablets */
@media (min-width: 992px) and (max-width:1199){}

/*Tablets/Notebooks grandes
@media(min-width: 1280px){}*/