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

    body{
        width: 100%;
        margin: 0 auto;
    }

    .container{
        width: 100vw;
        margin: 0 auto;
    }

    h1{ 
        font-size: 2.4em;
        width: 90%;
        text-align: left;
        margin-left: 50px;
    }
    
    h2{
        font-size: 1.5rem;
    }

    p{
        padding: 20px;
    }

    
   
    .container{
        display: grid;
        grid-template-rows: auto;
        width: 100%;
        margin: 0 auto;
    }

    .header{
        display: block;
        height: 20vh;
    }

    .footer
    {
        width: 100vw;
    }

    .logo{
        display:grid;
        grid-template-columns: auto 1fr;
        margin-left: 40px;
    }

    .menu{
        grid-row: 1/2;
        text-align: center;
        display: block;
        justify-items: left;
    }

    .separationBar{
        display: none;
    }

    .contatos{
        padding: 0%;
    }

    .nome{
        margin-bottom: 50px;
    }

    .titulo{
        margin-bottom: 80px;
    }

    .experiencia{
    }

    .menu{
        margin-top: 20px;
    }

    .mainPage{
        margin-top: 15vh;
        width: 100vw;
        height: auto;
        margin-top: 10px;
    }

    .home{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        height: 30vw;
    }

    .emptyHome{
        display: none;
        height: 0vh;
    }

    .portrait{
        display:none;
        visibility: hidden;
        height: 0px;
    }

    .profissoesContainer{
        text-align: left;
        justify-content: start;
        height: 10vh;
        width: 100vw;
    }

    .titulo{
        height: 10vh;
        width: 100vw;
        margin-top: -5%;
    } 

    .experiencia{
        display:grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        column-gap: 30px;
        width: 100vw;
        margin-left: 0%;
        margin-top: 10px;
    }

    .cargo{
        width: 80%;
        border: 0px;
        border-bottom: 1px;
        padding-left: 0px;
        border-style: solid;
        margin: 0 auto;
        margin-top: 0px;
    }

    .depoimentosContainer{
        display: none;
    }

    .containerProjetos{
        text-align: center;
        width: 100vw;
    }

    .legenda {
        margin: 0 auto;
        margin-bottom: 20px;
        width: 90%;
        text-align: left;
    }

    .cards{
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        width: 90vw;
        margin: 0 auto;
        margin-bottom: 2rem;
        margin-top: 4rem;
    }

    .cardImage{
        margin-bottom: 30px;
    }

    .projectCard{
        height: auto;
    }

    .imagemGrandeE3pequenas
    {
        display: block;
        height:auto;
        background-color: white;
        justify-content: center;
        width: 100vw;
    }

    .imagemGrande
    {
        width: 100vw;
        height: auto;
    }
    
    .imagemPequena
    {
        background-color: white;
        width: 100vw;
        height: 250px;
        margin: o auto;
        margin-top: 20px;
    }

    .filtros{
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: center;
    }

    .filtroContainer{
        margin-bottom: 50px;
    }

    .appsContainer{
        grid-template-columns: 1fr;
    }

    .vr{
        display: none;
    }

    .vrinfo{
        display: none;
    }

    #posterImage{
        display: none;
    }

    .mainProjectImage{
        display: none;
    }

    .webVR{
        display: none;
    }

    .apps{
        display: grid;
        grid-template-columns: 1fr;
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
    }

    .appCard{
        display: block;

    }
    .appContainer{
        width: 100%;
    }

    .appImage{
        margin: 0 auto;
    }

    .appAR{
        width: 90%;
        height: auto;
        margin-bottom: 50PX;
    }

    .videoContainer{
        display:block;
        width: 100vw;
    }
    
    .video1{
        width: 350px;
        height:200px;
    }
    
    iframe{
        
        min-width: 350px;
        min-height: 200px;
        margin: 0 auto;
    }

  }