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

    nav{
        margin: 0;
    }

    body {
        overflow-x: hidden;
    }

    .menu-bar{
        display: flex;
       justify-content: center;
    }

    #btnsobremim{
        display: none;
    }
    
    #btncertificados{
        display: none;
    }


    /*sobre mim*/

    .title-container{
        display: block;
        margin: 6rem auto;
        margin-bottom: 0.5rem;
    }

    .about-me{
        flex-direction: column;
        height: 100%;
    }

    .oscilar{
        margin: 0 auto;
    }

    .aboutme-text{
        padding-left: 1rem;
    }

    .resume-download{
        width:40%;
    }

    .projects-container{
        flex-direction: column;
        margin: 0;
        align-items: center;
        gap:2rem;
        padding-bottom: 3rem;
    }

    .projects-div{
        max-width:80%;
    }

    .container-tecnologias{
        display: flex;
        flex-direction: column;
        align-items:center;
        width: 100%;
    }

    .skills{
        align-items: center;
    }

    .skills-logo{
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .certifications{
        width: 85%;
    }

    footer{
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .contact{
        flex-direction: column;
        padding-bottom: 10rem;
    }

    a{
        color: inherit;
        text-decoration: none;
    }

    .slider-wrapper{
        width: 100%;
        margin:60px 0px;
    } 
    .slider-wrapper .swiper-button-prev{
        display: none;
    }
    
    .slider-wrapper .swiper-button-next{
        display: none;
    }
}