@media screen and (max-width: 964px) {

    #foto{
        width: 300px;
    }
}
@media screen and (max-width: 1062px) {

    .cards{
        width: 100%;
    }

    .txts {
        display: none;
    }

    /* EDITADO 29/07 */
}

@media screen and (max-width: 756px) {
    /*********** INICIO********* */
    .topo{
        text-align: center;
    }
    
    .nav-desktop {
        display: none;
    }

    .btn-abrir-menu{
        display: block;
    }
    .nav-mobile {
        display: block;
        margin-left: 85%;
    }

    .btn-fechar {
        text-align: left;
    }

    .inicio {
        flex-direction: column-reverse;
    }
    .img-inicio {
        text-align: center;
        width: 100%;
    }
    #foto{
        width: 300px;
    }
    #txt-inicio{
        margin-right: 0%;
    }
    .dark{
        align-items: center;
        align-content: center;
    }
    .dark .trilho{
        margin-top: 20px;
    }
    /*********** INICIO********* */

    /*********** SOBRE MIM********* */
    .sobremim {
        padding: 50px 10px;
    }

    #txtsobremim {
        margin-left: 10%;
        margin-right: 9%;
        line-height: 25px;
        margin-top: 5%;
        font-size: 20px;
    }

    /*********** SOBRE MIM********* */

    /*********** HABILIDADES********* */
    .habilidades {
        padding: 50px 20px;
    }

    #icons {
        font-size: 65px;
    }

    .txts {
        display: none;
    }
    .conteudo-habilidades{
        padding: 0%;

    }
    .cards-habilidades1, .cards-habilidades2{
       display: block;
        margin: 0%
    }
    /*********** HABILIDADES********* */

    /*********** PORJETOS********* */
    .projetos {
        padding: 50px 20px;
    }
    .meusprojetos {
        display: block;
    }
    #cardProjeto1, #cardProjeto2, #cardProjeto3{
        width: 100%;
        margin-bottom: 20px;
    }
    /*********** PORJETOS ********* */

    /*********** CONTATO ********* */
    .formas-contatos {
        display: block;
    }
    .formas-contatos span{
        padding: 0px 5px;
    }
    .contact-item{
        padding: 30px 0px;
    }
    /*********** CONTATO ********* */
    /*********** FOOTER ********* */

    .conteudo-footer{
        display: block;
    }
    .responsive-footer{
        display: flex;
        justify-content: space-between;
    }
    .menu-footer ul{
        display: block;
    }
    .menu-footer a{
        padding: 10px 20px;
    }
    .icons-footer{
        text-align: center;
        padding: 30px 0px;
    }
    /*********** FOOTER ********* */
}

@media screen and (max-width: 530px) {
    .title-inicio h2{
        padding: 0px 5%;
    }
    .contato, .meusprojetos, .inicio{
        padding: 10px 10px;
    }
    .inicio{
        padding: 30px 10px;
    }
    footer{
        padding: 50px 30px;
    }
}

@media screen and (max-width: 375px) {
    #icons {
        font-size: 50px;
    }
    #card1, #card2, #card3, #card4, #card5, #card6, #card7, #card8{
        height: 100px;
    }
}

@media screen and (max-width: 320px) {
    #foto {
        width: 190px;
    }
}